
Bom dia gente! Hoje é domingo, dia de tutorial! E trouxe um bem fácil e legal pra ser usado nas imagens do seu blog (caso queira, é claro né). Ele faz com que a sua imagem se "desfoque" quando você passa o mouse sobre a imagem. Não sabe como é? Assim:

antes de passar o mouse - com o mouse em cima da imagem
É bem fácil de se colocar no blog! Vamos lá? Vá no seu blog e em Modelo, então clique em Editar HTML e marque a caixinha de "Expandir modelos de widget". Então tecle Ctrl+F e procure por:]]></b:skin>Então cole acima do código encontrado o seguinte código:
.dressbreaker {
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
transition: all .1s linear}
.dressbreaker:hover {
-webkit-filter: blur(1px);z-index: -99px;}
Eu dei pro efeito o nome de "dressbreaker", era uma coisa do anime que eu estava assistindo na época que fiz ele (
<a href="LINK"><img class="dressbreaker" src="URL DA IMAGEM" /></a>Use o código acima caso queira que a sua imagem leve para algum link (tipo a dos afiliados daqui do blog, no gadget de Gatinhos). Caso não queira com link, use o seguinte código:
<img class="dressbreaker" src="URL DA IMAGEM" />Aí é só trocar "URL DA IMAGEM" por, obviamente, a url da sua imagem. Também dá pra utilizar isso nas imagens dos posts, ok? Só colocar o código na parte de "HTML" (do lado de Escrever, bem na esquerda da barra do menu onde você edita o seu post).
Prontinho, tutorial feito!


Post por
Tags:





















Pra tirar fotos de si mesma você tem duas opções: ou pede pra alguém tirar ou tira sozinha (com um truque que vou ensinar daqui a pouco). Se for pedir pra alguém tirar, lembre de dizer bem como 




