- foreeveermee.blogg.se

Vit tonade bilder vid mouseover

1. Gå till kodmallen och lägg in koden nedan mellan <head> och </head>

<mce: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;}  --></mce:style><style  type="text/css" mce_bogus="1"><!-- 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. För att ändra hur genomskinlig bilden ska vara så ändrar man: img:hover{opacity: 0.6;

Från 0.1 - 1.0

Lycka till ♥

2012-10-30 @ 14:37:00 Design tips Permalink

Kommentarer