Design tips! Bild vit-tonad vid mouseover...
Många som säkert redan skrivit om detta och vet själv, men det finns fortfarande vissa som säkert undrar. Men jag tänkte tipsa om hur man får bild vit-tonad vid mouseover. Väldigt lätt är det!
1. Gå in på kodmallen och lägg in koden mellan <head> och </head>
<style type="text/css">
img{opacity: 1;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
img:hover{opacity: 0.6;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
</style>
2. Spara alltså denna kod på alla sidor inläggssidan, kategorisidan och arkivsidan. Du kan även ändra hur mycket genomskinligt du vill ha på img:hover{opacity
Sedan så är allt klart! lätt som en plätt!
1. Gå in på kodmallen och lägg in koden mellan <head> och </head>
<style type="text/css">
img{opacity: 1;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
img:hover{opacity: 0.6;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
</style>
2. Spara alltså denna kod på alla sidor inläggssidan, kategorisidan och arkivsidan. Du kan även ändra hur mycket genomskinligt du vill ha på img:hover{opacity
Sedan så är allt klart! lätt som en plätt!
Kommentarer
Postat av: Sofie
Haft en bra helg? :)
Postat av: Sara
Underbara bilder på headern! :D
Trackback
