Merida Design Blog

Publicado el | Recursos / ,

Velocity.js: Motor de animaciones javascript, como jQuery pero mas rápido

Velocity.js es una librería para animaciones que funciona con la misma API que la función $.animate() de jQuery pero con un desempeño mucho mejor que el de este último, haciendo que Velocity.js sea incluso mas rápido que las animaciones de CSS en muchas ocasiones.

Es posible usar esta librería con o sin jQuery, incluso sustituir por completo las animaciones de jQuery es tan sencillo como reemplazar el $.animate(...) por $.velocity(...) y las animaciones tendrán una mejoría notable, especialmente en dispositivos móviles.


Ejemplo de uso

El siguiente es un ejemplo con algunos de los parámetros básicos.

    $element.velocity({
        width: "500px",
        otherProperty: someValue
    }, {
        duration: 400,
        easing: "swing",
        queue: "",
        begin: function() { console.log("iniciando animación") },
        progress: function() { console.log("animación en proceso") },
        complete: function() { console.log("animación completada") },
        loop: false, // Si la animación debe ciclarse
        delay: false, // Demora
        mobileHA: true // Acelerado por hardware, activo por defecto
    });

Página: http://julian.com/research/velocity/



Publicaciones que pueden interesarte

    Deja un comentario

      tope
    Derechos Reservados, Merida Design 2017
    %d bloggers like this: