Con animaciones W3.CSS se puede deslizar y se desvanecen en los elementos HTML.
La animación es diversión!
La animación es diversión!
La animación es diversión!
La animación es diversión!
La animación es diversión!
La animación es diversión!
La animación es diversión!
La animación es diversión!
Diapositiva de elementos
Diapositiva en un elemento de la parte superior, inferior, izquierdo o derecho de la pantalla con las clases * W3-animate-:
Clase | define | |
---|---|---|
W3-animado-top | Anima un elemento 300 píxeles desde la parte superior de la pantalla para 0px | Intentalo |
W3-animado-inferior | Anima un elemento 300 píxeles desde la parte inferior de la pantalla para 0px | Intentalo |
W3-animado-izquierda | Anima un elemento 300 píxeles desde la izquierda de la pantalla para 0px | Intentalo |
W3-animado-derecha | Anima un elemento 300px desde la derecha de la pantalla para 0px | Intentalo |
Fundido de entrada Elementos
Fundido en un elemento con la clase W3-animado-opacidad:
Zoom en los Elementos
Acercar un elemento con la clase W3-animado-zoom:
Elementos de espín
Girar 360 grados cualquier elemento con la clase W3-spin:
fading Infinito
Todo se desvanecen
Ejemplo
<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">
Inténtalo tú mismo "