Com animações W3.CSS você pode deslizar e fade em elementos HTML.
Animação é divertimento!
Animação é divertimento!
Animação é divertimento!
Animação é divertimento!
Animação é divertimento!
Animação é divertimento!
Animação é divertimento!
Animação é divertimento!
Deslize no Elements
Deslize em um elemento da parte superior, inferior, esquerda ou direita da tela com as classes * w3-animate-:
| Classe | define | |
|---|---|---|
| w3-animado-top | Anima um elemento 300 pixels a partir do topo do ecrã para 0px | Tente |
| w3-animado-bottom | Anima um elemento 300 pixels a partir do fundo da tela para 0px | Tente |
| -W3-animado esquerda | Anima um elemento 300px, pelo lado esquerdo da tela para 0px | Tente |
| w3-animado com o botão direito | Anima um elemento 300px do lado direito da tela para 0px | Tente |
Fade in Elements
Desvanecer-se em um elemento com a classe w3-animado-opacidade:
Zoom in Elements
Zoom um elemento com a classe w3-animado-zoom:
Elementos de spin
Girar qualquer elemento 360 graus com a classe-spin w3:
desaparecendo Infinito
desvanece-Todos
Exemplo
<img class="w3-animate-top" src="img_01.jpg">
<img class="w3-animate-zoom" src="img_02.jpg">
<img
class="w3-animate-left" src="img_03.jpg">
<img class="w3-animate-bottom" src="img_04.jpg"> Tente você mesmo "