Crear efectos de animación Performant con Pure JavaScript-fadeFx

Tiempo de ejecución: 30 minutos. Empezar

Autor: dalisoft
Views Total: 1,826
Sitio oficial: Ir a la web
Actualizado: March 30, 2016
Licencia: MIT

Vista prévia

Crear efectos de animación Performant con Pure JavaScript-fadeFx

Descripción

fadeFx es una biblioteca de JS independiente para la adición de alta performat, animación jQuery como, animaciones de uso frecuente a sus elementos DOM utilizando varias propiedades CSS3.

Effects included:

  • fadeIn
  • fadeOut
  • fadeToggle
  • slideDown
  • slideUp
  • slideToggle
  • Mostrar
  • Ocultar
  • Alternar
  • scaleIn
  • Proveedor
  • scaleToggle
  • rotateIn
  • rotateOut
  • rotateToggle

Funcionamiento

Para utilizar esta biblioteca de animaciones sólo tiene que incluir el script fadeFx. js justo antes de cerrar la etiqueta body.

<script src="fadeFx.js"></script>

Aplique los efectos especificados a sus elementos DOM de la siguiente manera:

element.fadeIn(/*duration*/)
element.fadeOut(/*duration*/)
element.fadeToggle(/*duration*/)
element.slideDown(/*duration*/)
element.slideUp(/*duration*/)
element.slideToggle(/*duration*/)
element.Mostrar(/*duration*/)
element.Ocultar(/*duration*/)
element.Alternar(/*duration*/)
element.scaleIn(/*duration*/)
element.Proveedor(/*duration*/)
element.scaleToggle(/*duration*/)
element.rotateIn(/*duration*/)
element.rotateOut(/*duration*/)
element.rotateToggle(/*duration*/)

Te puede interesar: