Animate. CSS , la librería es muy sencilla de usar y fácil de extender."> Animate. CSS , la librería es muy sencilla de usar y fácil de extender.">

Weird biblioteca de animaciones CSS3-Woah. CSS

Tiempo de ejecución: 30 minutos. Empezar

Autor: joerez
Views Total: 960
Sitio oficial: Ir a la web
Actualizado: March 8, 2018
Licencia: MIT

Vista prévia

Weird biblioteca de animaciones CSS3-Woah. CSS

Descripción

La biblioteca Woah. CSS le permite aplicar animaciones excéntricas, divertidas y vistosas de CSS3 a elementos HTML. De forma similar a la < a href = "https://daneden.github.io/animate.css/" target = "_ blank" rel = "noopener" > Animate. CSS , la librería es muy sencilla de usar y fácil de extender.

Funcionamiento

Sólo tiene que importar la hoja de estilo ' Woah. css ' en el documento y listo.

<link rel="stylesheet" href="woah.css">

Agregue la clase ' Woah ' necesaria y una clase de animación de su elección a su elemento. Animaciones disponibles:

  1. wowzors
  2. comeInStyle
  3. rotateComplex
  4. rotateComplexOut
  5. flyOut
  6. flyIn
  7. blackMirror
  8. blackMirrorTextVersion
  9. spin3D
  10. simpleEntrance
  11. scaleOut
  12. starWars
  13. blazingStar
  14. blazingStarText
  15. fadeIn
  16. pulse
  17. shaker
  18. More will be coming soon.
<h1 class="woah wowzors">Hello World!</h1>

Hacer la animación infinitamente bucle.

<h1 class="woah wowzors infinite">Hello World!</h1>

Te puede interesar: