quinta-feira, 6 de setembro de 2012

Efeitos com bordas fofas em imagens

Ola galerinha hoje trouxe um tutorial mega fofo que é colocar borda em imagens no estilo fofo,cute ...rsr
Tipo aqui do meu blog ,bom esse tutorial encontrei no (www) um blog Kawaii super fofo e mega indico para quem gosta de fofuras tem varios tutoriais lá 
E os créditos são todos dele ok?!
Bora lá aprender

1-Adicionar efeito em todas as imagens do blog

Entre no html do blog e procure por:]]></b:skin>

Cole acima disso esse código:
.post-body img {
border-radius: 45% / 20%; /* Borda arredondada */
box-shadow: 0px 0px 15px #f5abe5; /* Cor da Sombra */
padding:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.post-body img:hover {
border-radius: 0; /* Eliminar borda arredondada */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

                                              Feito isso visualize e se estiver tudo certo salve!






4 comentários:

Unknown disse... [Responder comentário]

Muito fofo esse tutorial, e super facilzinho !
contosdoces.(blogspot .com )

Compartilhando disse... [Responder comentário]

@Cindy SouzaDeixa o blog mais bonitinho né...rsrs beijos

Gessica Amaral disse... [Responder comentário]

Awn que lindo que fica o resultado , ótimo tuto
beijos:*

Lady Geh ( Clica no meu perfil para visitar o blog )

Unknown disse... [Responder comentário]

aaaaaaaaaaaaaaaaaaaaaaaaaaah quee luxoo ta aquii eein amigaaaaaaaaa!!!!!! gameeeei no look novoo! nao tinha vistoo tudooo aindaaaa!! eu to doida pra mudar o meu ja hduahusds!!!!
curti essas bordas kkk acho q vou colocar no proximo layout