Tona vid mousover
<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>
1. Gå in på dina kodmallar och sedan klistrar du in koden nedan mellan <head> och </head>. Jag la den precis ovanför </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. Ändra hur mycket genomskinligt det ska vara genom att ändra i koden "img:hover{opacity: 0.6; från 0,1-1,0"
Resultatet!
Gick allt bra?
Kommentarer
Postat av: Melissa - Det allra mest personliga
tassar in och hoppas att du sovit gott och får en väldigt bra Måndag, trots att det råkar vara just en måndag :D