26.6.12

Efeito Hover


Tutorial fácilissississimo pra vocês espero que gostem,o efeito hover é na foto da postagem,ficando as pontas redondas,mudando de lado ao passar o mouse.
1- Vá em Design Editar HTML aperte F3 e procure por:
]]></b:skin>
2-acima do ]]></b:skin> , coloque o seguinte código:
.main img {
-moz-border-radius: 03px;
-webkit-border-radius: 0px 30px 0px 30px; */ Bordas arredondadas */
-webkit-transition-duration: .70s; */ Efeito fade */
}
.main img:hover {
-moz-border-radius: 03px;
-webkit-border-radius: 30px 0px 30px 0px; */ Bordas arredondadas hover */
-webkit-transition-duration: .70s; */ Efeito fade */
}

0 comentários: