jQuery css3 animate, if browser support css3 transition, use it. (ps: however, the performance is not obvious improved, and it is not in promise queue, so just for simplest situation)

jquery-animate.js

!function($, doc) {
if (!$ || !$.fn) return

var css3 = function() {
    var style = doc.body.style
    var test = ['transition', 'webkitTransition', 'MozTransition', 'msTransition']
    for (var i = 0, x; x = test[i++];) {
        if (x in style) {
            return x
        }
    }
}()

if (!css3) return // do nothing

$.fn.animate = function(prop, speed, easing, fn) {
    var self = this
    var duration = 1000, ease = 'ease',
        callback = arguments[arguments.length - 1]
    if (typeof speed == 'number')
        duration = speed
    if (typeof easing == 'string')
        ease = easing

    if (typeof callback == 'function') {
        self.one('transitionend', function(ev) {
            self.css(css3, '')
            var target = ev.target
            callback.call(target)
        })
    } else {
        setTimeout(function() {
            self.css(css3, '')
        }, duration)
    }
    
    return self.css(css3, ['all', duration + 'ms', ease].join(' ')).css(prop)
}
    
}(window.$, document)