17/12/2012

Efeito Blur


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:

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;}

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
<img src="LINK DA IMAGEM" width="Largura da Imagem" align="left" class="border1">

Um comentário:

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345