Efeito nas imagens das categorias |
Bom, em nossos tutoriais, temos o tutorial que ao passar o mouse acima do avatar de quaisquer usuário, há um efeito rotativo nela. Neste tutorial iremos fazer o mesmo efeito, só que na imagem das categorias. O código somente é funcional na versão PunBB
--> Tutoriais sobre códigos <--
Efeito nas imagens das categorias
Efeito nas imagens das categorias
1º - Conhecendo o código:
O código que utilizaremos é um CSS, bem simples e editável, o código é o seguinte:
Código:
.statused .tcl img[style="float:left"]:hover {
-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
transition: transform 1s ease-out;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
rotation: 360deg;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
2º - Aplicando o código:
Para que o código funcione corretamente em vosso fórum, faça o seguinte procedimento:
Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS
3º - Resultado:
Para você ver o resultado de nosso código, visite o seguinte link: http://testesuportedesinger.forumeiros.com/
© -Naruto & SuporteDesign
Agradecemos a sua leitura deste tutorial, caso tenha alguma duvida, crie um tópico na seção Questões sobre Forumeiros com o seguinte titulo: Efeito nas imagens das categorias |