Animate. CSS ."> Animate. CSS .">

Marco de animación CSS ligero-Efecss. CSS

Tiempo de ejecución: 30 minutos. Empezar

Autor: efecss
Views Total: 1,691
Sitio oficial: Ir a la web
Actualizado: March 20, 2017
Licencia: MIT

Vista prévia

Marco de animación CSS ligero-Efecss. CSS

Descripción

Efecss. CSS es una pequeña librería CSS para añadir animaciones basadas en CSS3 a cualquier elemento como el famoso < a href = "https://daneden.github.io/animate.css/" target = "_ blank" > Animate. CSS .

Install it via NPM:

$ npm install --save effecss-pure-css

Funcionamiento

Importa el efecss. CSS a tu página HTML.

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

Agregue las siguientes clases CSS a los elementos que desea animar.

  • deslizable en
  • deslizable hacia abajo en
  • deslizante-izquierda-en
  • diapositiva-derecha-en
  • deslizable hacia fuera
  • deslizable hacia abajo
  • deslizable a la izquierda
  • deslizante-derecha-hacia fuera
  • fade-in
  • fade-out
  • acercar-radial
  • acercar
  • alejar-radial
  • alejar
  • Pulso
  • rebote-Top-in
<h2 class="deslizable en">deslizable en</h2>

Especifique la animación debe reproducirse infinitas veces:

<h2 class="forever deslizable en">deslizable en</h2>

Te puede interesar: