17/12/2012

Tutorial: 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. Caso queiram dar uma olhadinha .::Preview::.
Vá em modelo, e editar html e procurem por ]]></b:skin, e acima dela cole:
    .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.
Agora, vá em seu layout, adicionar um gadget/JavaScript e dentro cole:
<img src="LINK DA IMAGEM" width="Largura da Imagem" align="left" class="border1">

Um comentário:

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram