Efeito SHINee

Aqui estou eu, novamente! Já contei que minha mãe vai me inscrever para ser modelo? É pela minha postura ruim - que não me incomoda -, mas parece até ser legal. Mesmo que eu saiba que quem for nos ensinar as coisas talvez seja bem exigente. Sei lá, mas esse não é o assunto. Eu, cansada de postar muitos materiais, tive a ideia de criar um efeito para imagens, o  SHINee (dei esse nome porque sim). Não sei se conta como utilitário/material, mas eu já ensino uma coisa e considerei um tutorial. q Não sei como posso explicar o efeito, então deixarei uma prévia AQUI para vocês. Podem usar onde quiserem, mas creditem. Mesmo que seja em uma página, não gadget!  Não está lá essas coisas, porém acho que está usável.

É simples mesmo, mas foi o que eu consegui fazer, tanto tempo que não faço efeitos. Mas achei o resultado legal. o/ Então, para usá-lo, cole o código do blockquote acima de ]]></b:skin>, editando-o.

.shinee{ width: 45px; height: 45px; -webkit-filter: sepia(0%);
padding:1px;border: 1px solid #f7deda;transition: all 0.5s ease-out;}
.shinee:hover{ width: 45px; height: 45px; border: 1px solid #fff; -webkit-filter: sepia(30%);
outline-offset: -45px;  filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;outline: solid 2px #f7deda;}

Nesse código, você pode mudar o tamanho das imagens (width, height), o filtro (sepia), a cor da borda e tudo mais. Agora, para ele aparecer, vá em um gadget e cole isso. Mudando o que está destacado!

<center><a href="link" title="titulo"><img src="link da imagem" class="shinee"/></a>
<a href="link" title="titulo"><img src="link da imagem" class="shinee"/></a>
<a href="link" title="titulo"><img src="link da imagem" class="shinee"/></a>
<a href="link" title="titulo"><img src="link da imagem" class="shinee"/></a><center>

É isso, até mais, meus bebês. (｡･ω･｡)ﾉ♡ Acho que amanhã eu já postarei de novo, mas não afirmarei.