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?!
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:
Muito fofo esse tutorial, e super facilzinho !
contosdoces.(blogspot .com )
@Cindy SouzaDeixa o blog mais bonitinho né...rsrs beijos
Awn que lindo que fica o resultado , ótimo tuto
beijos:*
Lady Geh ( Clica no meu perfil para visitar o blog )
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
Postar um comentário