HOME ☁ Biography ☁ Facebook ☁ Twitter ☁ Instagram ☁ Blogskin ☁
disclaimer

Instagram


Tagboard


History

Friends


Twitter


Credit

Skin by → Pipie Panini
Html code → Mary / Hanie.Heykiim
Images from → weheartit.
Efeito Blur20 de out de 2013 leave me ♥?


~Olá pandinhas dourados!~ (masoq?) Como vão vocês? :3

Perceberam como o World Of Unicorn está? Lindo né?
Eu não resisti à este layout e resolvi colocar ele no blog; tenho que parar com essa mania louca de ficar trocando o layout toda hora, afz ¬¬. Mas enfim, hoje vim trazer um efeito bastante conhecido que é o Blur. Ele bastante legalzinho: quando você passa o mouse em cima da imagem ela se borra toda ~e a criançada fica toda besta~ •∞• •∞• •∞• ... Aqui esta a prew dele; como vocês podem ver, o código é de um tumblr. Créditos nele (www)!



~Efeito Blur~

1. No seu HTML, pesquise por ]]></b:skin>
. Encontrou? Agora cole o seguinte código acima dela:
.border1 {background:#fff; padding:1px; 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);}
 2. Agora, cole o código a seguir num gadget de HTML/Javascript e preencha com os dados aonde se pede e salve.
<a href="URL"title="NOME DA URL"><img src="IMAGEM" class="border1" /></a>
Gostaram do efeito?
~Beijokas <3 

Marcadores: , ,


FUTURE
PAST