Efeito Exclusivo >> Gotic Gwen

from> cantinho das lovelys

Oi, gente  (ღ′◡‵)

Como vão? Tudo bem? Eu vou bem. Hoje fiz absolutamente NADA o dia todo. Fiquei de pijama, tomando sorvete e vendo ilha dos desafios, além de estar preparando o novo layout do GA. Bom, faltam 2 dias pro meu aniversário, oba! Vou ganhar o Prism, estou tãao ansiosa. Agora vamos falar da situação da blogosfera> pa-ra-da. Eu visitei bastante blogs hoje e vi bastante blog desatualizado por bastante tempo, blogs excluídos, blogs em hiatus e blogs desativados. Por favor, né gente? Eu cuido do GA como se fosse meu filho, seria legal pra vocês abandonar um filho? Deixar um filho sem comida e água (posts)? Se um dia eu abandonar esse blog, alguma coisa muito, mas muito séria aconteceu com a minha pessoa. Eu adoro postar aqui, é quando eu me desligo do mundo real e converso com minhas amigas, vocês, leitoras *3*

Bom, mais um efeito exclusivo, o terceiro, oba! Esse efeito chama-se Gotic Gwen, e é o único nome 'decente' que eu inventei até agora. Gotic Gwen por causa da linda da Gwen, do desenho Ilha dos Desafios. Ela é uma gótica e eu me identifico com ela na maioria das vezes. Ela é bem humorada, determinada e amigável. Bom, o efeito consiste em ir pra trás bastante, pro lado direito, deixa as bordas arredondadas em baixo e normais em cima, a borda fica pontilhada e a imagem fica preta e branca. Espero que gostem.

Preview aqui, no gadget 'Efeito Gotic Gwen'

Acima do código ]]></b:skin>, cole>

.goticgwen {

transition:All 1s ease;

border:2px solid #ccc;

background: #cccccc;

padding: 2px;

}

.goticgwen:hover{

transform: rotate(13deg) scale(0.79) skew(-6deg) translate(300px);

-webkit-transform: rotate(13deg) scale(0.79) skew(-6deg) translate(300px);

-moz-transform: rotate(13deg) scale(0.79) skew(-6deg) translate(300px);

-o-transform: rotate(13deg) scale(0.79) skew(-6deg) translate(300px);

-ms-transform: rotate(13deg) scale(0.79) skew(-6deg) translate(300px);

border:dotted 1px #000000;

-moz-border-radius-topleft: 0px;

-moz-border-radius-topright:0px;

-moz-border-radius-bottomleft:75px;

-moz-border-radius-bottomright:75px;

-webkit-border-top-left-radius:0px;

-webkit-border-top-right-radius:0px;

-webkit-border-bottom-left-radius:75px;

-webkit-border-bottom-right-radius:75px;

border-top-left-radius:0px;

border-top-right-radius:0px;

border-bottom-left-radius:75px;

border-bottom-right-radius:75px;

-webkit-filter: grayscale(100%);}

}

Salve. E agora, em um adicione um gadget html/Javascript e cole>

<a href="LINK" title="TEXTO DO TOOLTIP"><img src="URL DA SUA IMAGEM" class="goticgwen" /></a> 

E aí, gostaram? Espero que sim Ç^Ç. Ah, quero saber se vocês querem um layout free que eu fiz, respondam, please *3* ~  Obrigada, Beijos >3<