new0
Neues Wissen einreichen

CSS

Arrow down Animation

.c-arrow-down{ position: absolute; bottom: -10px; left: 50%; transform: translate(-50%,-50%); width: 40px; cursor: pointer; color: getColor(‚green‘); font-family: Rock Salt; @include font-size(1.67); } .c-arrow-down span{ display: block; width: 20px; height: 20px; //border-bottom: 5px solid getColor(‚green‘); //border-right: 5px solid getColor(‚green‘); transform: rotate(90deg); margin: -10px; animation: animate 2s infinite; margin: 0 auto; } .c-arrow-down span:nth-child(2){ animation-delay: -0.2s; } .c-arrow-down […]

mehr erfahren

change font-weight on hover

.c-main-navigation__menu > li > a, .sub-menu > li > a { display: block; text-transform: uppercase; position: relative; transition: all 0.2s; &:after { background-image: none; display: block; content: attr(link-title); font-weight: 700; height: 1px; overflow: hidden; visibility: visible; position: relative; } &:hover { font-weight: 700; } } link-title (Titel des Links) muss als Attribut auf dem Element […]

mehr erfahren

Line Clamp, Text auf Zeilen limitieren

CSS lineclamp line-clamp

mehr erfahren

default Appearance buttons, etc..

appearance: none; -moz-appearance: none; -webkit-appearance: none;

mehr erfahren