En Sentido Web nos hablan hoy sobre $fx(), un framework javascript especializado en gestionar animaciones. Y es que $fx() es un framework de tan solo 3,7kb que nos permite aplicar animaciones a nuestras aplicaciones web de una manera sencilla y potente.
Dispone de unos pocos, muy pocos métodos, pero suficientes para dotar de vida animada a nuestras aplicaciones.
$fx()
— inicializaciónfxAdd()
— añadimos un nuevo efecto (opacity
,backgroundx
,backgroundy
)fxAddSet()
— añadimos un set de efectosfxHold()
— añadimos una pausa antes de ejecutarfxPause()
— pausamos la animaciónfxStop()
— paramos la animaciónfxReset()
— borramos todas las animaciones.fxRun()
— arrancamos las animaciones.
Ejemplo de uso
var moveBg0 = {type: 'backgroundx', to: -314, step: -1, delay: 20} var moveBg1 = {type: 'backgroundx', to: -269, step: -1, delay: 50} var stars = document.getElementById('sample1').getElementsByTagName('div'); $fx(stars[0]).fxAdd(moveBg0).fxRun(null, -1); $fx(stars[1]).fxAdd(moveBg1).fxRun(null, -1);
Ejemplos
Os recomiendo que le echeis un vistazo a los ejemplos que nos han puesto para abrir boca.
4 comentarios, 1 referencias
+
#