4 de set de 2012

Arredondar bordas das imagens - Hover

Viram o novo lay???
Olá minhas azeitonas de Paris^^
Hoje vou ensinar um efeito muito lindo, que é arredondar a borda das imagens, mais com efeito hover.

1- Vá em Desing> Editar HTML
2- Aperte F3 e digite na caixinha ]]></b:skin>
3- Acima dó código, cole:

.main img {
-moz-border-radius: 03px;
-webkit-border-radius: 0px 30px 0px 30px; 
-webkit-transition-duration: .70s; 
}

.main img:hover {
-moz-border-radius: 03px;
-webkit-border-radius: 30px 0px 30px 0px; 
-webkit-transition-duration: .70s; 
}
 

 Simples, não é? Aprendi no Sweet Poison.
Beijos e ontem não postei pois estava sem internet!!!!

Um comentário:

  1. Flor, muito bom o tutorial!
    Mas aqui, sobre o blog irmão, gosto muito do seu blog, mas se eu abrir exceção para você estaria sendo injusta com as outras meninas que já pediram e eu recusei, por não querer quebrar as regras! =(
    mas quanto aos seguidores, já tentou ler esse post e colocá-lo em prática?

    http://euemeujardimsecreto.blogspot.com.br/2012/06/guia-dos-blogueiros-iniciantes.html

    beijoos

    ResponderExcluir

Mini F.A.Q^^
- Não comente nada do tipo : ''Seguindo,seque de volta?'' ou ''Tem postagem nova no blog, vai lá ver''.
- Não xingue ou ofenda ninguém nem á mim.
-Críticas, só construtivas.
-Atenção: Os comentários são sempre MODERADOS!!!
- Para pôr link no comentário.
Para ir ao verdadeiro F.A.Q Venha Aqui