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
+
#