Yoo' >.<
Lembrei que eu ainda não tinha postado nenhum tutorial de html. Pensando nisso, resolvi postar um
efeito nas imagens no blog. Acho ele muito bonito *--*
Live Preview
Vá em Editar HTML, e procure por ]]></b:skin> cole o código abaixo
antes/acima da tag que acabou de procurar.
.post img{ filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;- border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px;-transition-duration: 1.90s;-webkit-transition-duration: 1.90s;-moz-transition-duration: 1.90s; } .post a:hover img{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;-transition-duration: 1.90s;-webkit-transition-duration: 1.90s;-moz-transition-duration: 1.90s; }
}
E então, querem aprender? Clique em "Leia Mais" ^^
Vá em Editar HTML, e procure por ]]></b:skin> cole o código abaixo
antes/acima da tag que acabou de procurar.
.post img{ filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;- border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px;-transition-duration: 1.90s;-webkit-transition-duration: 1.90s;-moz-transition-duration: 1.90s; } .post a:hover img{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;-transition-duration: 1.90s;-webkit-transition-duration: 1.90s;-moz-transition-duration: 1.90s; }
}
Visualize e salve. ^^
2 Sweet(s) *3*:
Ai que perfeito esse efeito! Vou usar
Beijooos!
-Visite >> Rabiscos no Papel
Obrigada, meu docinho! <3
Postar um comentário
Aceito selinhos e tag's, encomendas e pedidos!!! *u*! O que importa é o carinho de vocês, leitores, por lembrarem do blog. Muito obrigada por comentar. Tudo que vem dos leitores no blog é bem vindo!!!