Micro plugin jQuery pour exécuter des animations CSS3 d’animate.css

Si vous utilisez animate.css pour effectuer vos animations CSS3 dans vos pages, vous pourriez être intéressé par ce micro plugin jQuery que j’ai fait.

(function($) {

    'use strict';

    /**
    * Sets a CSS3 animation
    *
    * @param string effect
    * @param function callback
    * @return object self
    */
    $.fn.setAnimation = function(effect, callback) {
    	var self = this;

        self
        	.addClass('animated '+ effect)
            .on('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
                /**
                * Callback needed?
                */
                if(callback) {
                    callback(self);
                }
        });

        /**
        * Preserving chainability
        */
        return self;
    };
}(jQuery));

Pour l’utiliser :

$('element').setAnimation('bounceIn', function($elem) {
    // animation ended
});

Voir la liste des animations disponibles.

Vous aimerez aussi...