Rewrite YUI app transitions to use translate3d

gistfile1.js

        stopTransitionsFlickering: function () {
            var transDuration = 0.3;
            var translateDistance = '100%';
            Y.Transition.fx['app:fadeIn'] = {
                opacity : 1,
                duration: transDuration,
                on: {
                    start: function (data) {
                        var styles = {opacity: 0},
                        config = data.config;
 
                        if (config.crossView && !config.prepended) {
                            styles.transform = 'translate3d(-' + translateDistance + ',0,0)';
                        }
                        this.setStyles(styles);
                    },
 
                    end: function () {
                        this.setStyle('transform', 'translate3d(0,0,0)');
                    }
                }
            };
            Y.Transition.fx['app:fadeOut'] = {
                opacity : 0,
                duration: transDuration,
                on: {
                    start: function (data) {
                        var styles = {opacity: 1},
                        config = data.config;
 
                        if (config.crossView && config.prepended) {
                            styles.transform = 'translate3d(-' + translateDistance + ',0,0)';
                        }
 
                        this.setStyles(styles);
                    },
 
                    end: function () {
                        this.setStyle('transform', 'translate3d(0,0,0)');
                    }
                }
            };
            Y.Transition.fx['app:slideLeft'] = {
                duration : transDuration,
                transform: 'translate3d(-' + translateDistance + ',0,0)',
                on: {
                    start: function () {
                        this.setStyles({
                            opacity  : 1,
                            transform: 'translate3d(0,0,0)'
                        });
                    },
 
                    end: function () {
                        this.setStyle('transform', 'translate3d(0,0,0)');
                    }
                }
            };
            Y.Transition.fx['app:slideRight'] = {
                duration : transDuration,
                transform: 'translate3d(0,0,0)',
                on: {
                    start: function () {
                        this.setStyles({
                            opacity  : 1,
                            transform: 'translate3d(-' + translateDistance + ',0,0)'
                        });
                    },
 
                    end: function () {
                        this.setStyle('transform', 'translate3d(0,0,0)');
                    }
                }
            };
        }