Cycle2 CSS transition plugin

gistfile1.js

(function($) {
    var style = document.createElement('div').style,
        tx = $.fn.cycle.transitions,
        supported = style.transform !== undefined ||
            style.MozTransform !== undefined ||
            style.webkitTransform !== undefined ||
            style.oTransform !== undefined ||
            style.msTransform !== undefined;

    if ( supported ) {
        tx.cssTransition = {
            preInit: function( opts ) {
                opts.container.css({
                    '-webkit-transform': 'translate3d(0,0,0)',
                    '-moz-transform': 'translate3d(0,0,0)',
                    '-ms-transform': 'translate3d(0,0,0)',
                    '-o-transform': 'translate3d(0,0,0)',
                    'transform': 'translate3d(0,0,0)',
                    '-webkit-transition': 'all +'+opts.manualSpeed+'ms ease-out',
                    '-moz-transition': 'all +'+opts.manualSpeed+'ms ease-out',
                    '-ms-transition': 'all +'+opts.manualSpeed+'ms ease-out',
                    '-o-transition': 'all +'+opts.manualSpeed+'ms ease-out',
                    'transition': 'all +'+opts.manualSpeed+'ms ease-out',
                    'overflow': 'hidden'
                });
                
                opts.slides.css({
                    '-webkit-transform': 'translate3d(0,0,0)',
                    '-moz-transform': 'translate3d(0,0,0)',
                    '-ms-transform': 'translate3d(0,0,0)',
                    '-o-transform': 'translate3d(0,0,0)',
                    'transform': 'translate3d(0,0,0)'
                });
            },
            before: tx.scrollHorz.before
        };
    } else {
        tx.cssTransition = tx.scrollHorz;
    }
})(jQuery);