Efeito Oops

Oi gente. Não vou escrever muito na introdução, pois não estou me sentindo muito bem hoje. Só estou postando hoje porque não quero deixar o blog desatualizado.

Bem, o efeito é simples. Não sei exatamente porque o nomeei de oops, foi só algo que apareceu do nada mesmo.

dessa vez eu hospedei a prévia no tumblr, pois surgiram alguns problemas no blog de teste. Se não conseguirem ver falem comigo, ok? Preview ( ◘ )


1 • Aperte F3, procure por ]]>< e acima cole:

#oops {
width: 240px; /* Largura */
height: 240px; /* Altura */
background: black; /* Background */
margin-top: -246px; /* Faz o fundo subir ou descer */
color: #ccc; /* Cor da fonte */
text-shadow:0 1px #fff; /* Sombra do Texto */
font-family: trebuchet ms; /* Fonte */
font-size: 50px; /* Tamanho da fonte */
text-align:center;
opacity:0;
-webkit-transition: all .5s ease-in-out
}
#oops:hover{
transform: rotate(120deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ie-transform: rotate(360deg);
opacity: 0.75;
}

2 • Vá em Layout, Adicionar Gadgets, HTML/JavaScript e cole:

<center><a href='LINK'><img src="https://31.media.tumblr.com/211c0934ad288b85e6fce01acb93b97d/tumblr_inline_mzkwssRlxo1rbw5xf.png" style="padding: 2px; border: 1px dotted #ccc;"/><div id="oops"></br><br />ISA</div></a></center> 

◘◘◘◘◘◘◘◘◘◘◘◘

Espero que tenham gostado... e é isso. Beijos :*