banner image

Voltei! + Efeitos em imagem

Vá em design > editar HTML ,dê ctrl+f e procure por ]]></b:skin>.Logo acima dessa tag cole o código correspondente ao estilo que quer.


Com borda colorida e efeito hover
.main img {
border: 3px solid  #FF1493 ; /*cor e tamanho da borda*/-webkit-transition-duration: .70s; */ Efeito fade */}.main img:hover {border: 3px solid #FF69B4; /*cor e tamanho da borda hover*/-webkit-transition-duration: .70s; */ Efeito fade */}


Bordas arredondadas
.main img {
-moz-border-radius: 10px;
-webkit-border-radius: 10px 10px 10px 10px; */ Bordas arredondadas */




Borda e opacidade hover
.main img:hover {
opacity: 0.9;
-moz-border-radius: 03px;
-webkit-border-radius: 20px 20px 20px 20px; */ Bordas arredondadas hover */
}


Borda em dois cantos e sem borda hover

.main img {-moz-border-radius: 02px;-webkit-border-radius: 0px 20px 0px 20px; */ Bordas arredondadas */-webkit-transition-duration: .70s; */ Efeito fade */}.main img:hover {-moz-border-radius: 0px;-webkit-border-radius: 0px 0px 0px 0px; */ Bordas arredondadas hover */-webkit-transition-duration: .70s; */ Efeito fade */}


Tutorial por Carol 
Voltei! + Efeitos em imagem Voltei! + Efeitos em imagem Reviewed by Pietra K. on 7:31 PM Rating: 5

Nenhum comentário:

❅ Estamos aceitando qualquer tipo de tag, na verdade estamos pedindo por tags hahsuhauhsa :3
❅ Aceito sugestões para o blog.
❅ Aceito fazer parceria.
❅ Aceito seguindo, segue de volta se também comentar algo sobre a postagem.
❅ Código para o link do seu blog em link: <''a href="link aqui">Nome do blog Aqui<''/ a>

Top Category 1

Tecnologia do Blogger.