WD: "fadeande" länkar
Fadande länkar. Det var det bästa jag kunde komma på att kalla det. Det betyder i alla fall att när du för muspekaren över en länk övergår den sakta i t.ex. en annan färg.
Exempel:
Kod:
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
Kod i sammanhang:
a {
color: #222;
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
a:hover {
color: #ff7766;
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
color: #222;
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
a:hover {
color: #ff7766;
text-decoration: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
Så den kodsnutten som inte är lutande är själva koden som gör att länken "fadear". A och a:hover är kodsnuttarna i stilmallen som styr över länkarna.
Är det några problem så bara skriv en kommentar!
-Nanna