Olá meus bunnys!!! Dando umas saltitadas pela internet, achei um tutorial super maneiro no blog Birthday Cake, acho que boa parte das pessoas já conhecem mas é maravilhoso mesmo o Efeito Blur.
1. Vá em modelo, e editar html e procurem por ]]></b:skin, e acima dela cole:
O código e bem simples, e e fácil de entender, basta modificas as cores para qual desejar.
2. Agora, vá em seu layout, adicionar um gadget/JavaScript e dentro cole:
Códigos
.border1 {background:#fff; padding:1px; border:5px solid #d5c9e8; margin:1px;
-webkit-transition-duration: .99s;
-moz-transition-duration: .99s;}
.border1:hover {filter: blur(2px);
-webkit-filter: blur(2px); -moz-filter: blur(2px);
-o-filter: blur(2px); -ms-filter: blur(2px);
border:5px solid #d5c9e8;}
-webkit-transition-duration: .99s;
-moz-transition-duration: .99s;}
.border1:hover {filter: blur(2px);
-webkit-filter: blur(2px); -moz-filter: blur(2px);
-o-filter: blur(2px); -ms-filter: blur(2px);
border:5px solid #d5c9e8;}
O código e bem simples, e e fácil de entender, basta modificas as cores para qual desejar.
Códigos
<img src="LINK DA IMAGEM" width="Largura da Imagem" align="left" class="border1">
Tou usando esse ai amei muito
ResponderExcluir