Bettterland: Tutorial:Efeito Flipping

01/04/2013

Tutorial:Efeito Flipping

Boa tarde guys

O efeito de hoje é efeito Flipping, pra quem não sabe qual efeito é esse, aqui na preview tem uma pequena demonstração de qual efeito é!

Eu acho esse efeito bem bonito, sei lá. Eu acho bonito mesmo!

Bom, eu vim avisar que talvez eu vou colocar mais dois moderadores no blog, um eu já tenho confirmado que é o Lucas, e o outro moderador eu ainda vou confirmar pra saber se ela irá postar mesmo. Então é isso, se você gostou do efeito clica em leia mais para saber fazer!

Créditos a Doce mundo kawaii (www)

Vá em Modelo > Editar HTML > Ctrl+F e procure por:

<head>

Acima do que você procurou cole:

<link href='http://static.tumblr.com/0xqvkot/MdKmj9am9/flippingkw.css' media='screen' rel='stylesheet'/>

Não mude nada, agora sem sair do "Editar HTML" procure por
]]></b:skin>
E acima dele também cole:

.efeitoflipping{

padding: 3px;

}

.efeitoflipping:hover{

-webkit-backface-visibility: visible !important;

-webkit-animation-name: flipping;

-moz-backface-visibility: visible !important;

-moz-animation-name: flipping;

-o-backface-visibility: visible !important;

-o-animation-name: flippink;

backface-visibility: visible !important;

animation-name: flipping;

-webkit-animation-duration: 1s;

}