Efeito Opacity Outline

Oiee queridos, tudo bem com todos? Nem sei por onde começar e quando começo a introdução assim é porque to com raiva, na maioria das vezes muita raiva mesmo, eu estava a retribuir alguns comentários ontem e percebi que alguns blogs andaram meio que meticulosamente plagiando coisas bem idiotas do meu blog, eu não irei ficar mencionando ou dedurando quem foi mas o que irei escrever se a pessoa chegar a ler irá entender que o recado é mais para ela mesmo, cara plagiar um gif? Sério isso? Não existem milhares na net? Cara usar o mesmo gif eu não vejo problema algum nisso de longe pois é uma coisa tão tosca que não teria motivos para eu estar dando piti, mas o fato é que a pessoa não pode só usar o mesmo gif tem que pegar do meu código fonte copiar e colar no tema dela, sei disso pois dei um nome para esse gif e como está no meu tema está no da pessoa, foda!!

Eu não sei se concordam comigo mas é ridículo não? E olha que não sou de ficar dando bola para coisas tão inúteis e bobas, mas é que não é a primeira vez que acontece isso com a mesma "pessoa" então uma hora dá no saco mesmo, mas mudando de assunto como eu já havia presumido alguma pessoas me pediram coisas do meu tema atual e eu até iria postar mas pensei bem e continuarei com a minha regra que é não passar e nem de postar algo do layout atual para ninguém, me desculpem mas sempre mantive essa regrinha e irei continuar a manter ela aqui no blog, tipo não fiquem bravos comigo ou achando que sou uma bruxa pois não sou, apenas quero minhas coisas só pra mim e não de todo mundo, quando eu troco de layout dai sim faço os tutos que me pedem mas no atual não dá mesmo sorry, e esse efeito que estou postando hoje é um efeito do layout anterior, uma leitora me pediu na ask e atendi o pedido dela, então é só um lembrete mesmo para quem me pediu coisas do meu layout atual ok? Posso até postar mas somente quando fizer a troca certo? kissus para todos e inté mais!

LIVE PREVIEW (❥)

Vá até o seu modelo e cliquem em editar html e dentro procure por: ]]skin; e acima dele cole o código abaixo:

/*Efeito opacity outline*/
.opacidade2{background: #D4CDDB; border: 1px solid #C8BFD1;
box-shadow: inset 1px 1px 0px #E6E4E8;opacity: 0.6; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;outline: 1px solid #A799BC;outline-offset: -5px; -webkit-transition:all 1s; box-shadow: inset 0 0 6px #DFC7E6, 0px 1px 1px #D7BCE0;}
.opacidade2:hover{-webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease;
transition: all 2s ease; opacity: 1;outline: 1px solid #fff; outline-offset: -60px;background:#D9CEE3;border: solid 1px #C5B9C8;box-shadow: inset 0 0 6px #D4E3E8, 0px 1px 1px #D4E3E8;}

Links: 

<a href="https://www.blogger.com/Link" target="blank" title="Roh Chan"><img class="opacidade2" src="http://static.tumblr.com/koam7dd/JISmzau75/autora1.png" height="50" width="50" /></a>