extend app transitions

gistfile1.txt

 Y.mix(Y.Transition.fx, {
            'app:slideUp': {
                duration : .6,
                transform: 'translateY(-100%)',

                on: {
                    start: function () {
                        this.setStyles({
                            opacity  : 1,
                            transform: 'translateY(0%)'
                        });
                    },

                    end: function () {
                        this.setStyle('transform', 'translateY(0)');
                    }
                }
            },
            'app:slideDown': {
                duration : .6,
                transform: 'translateY(0)',

                on: {
                    start: function () {
                        this.setStyles({
                            opacity  : 1,
                            transform: 'translateY(-100%)'
                        });
                    },

                    end: function () {
                        this.setStyle('transform', 'translateY(0)');
                    }
                }
            }
    }
,true)
  Y.mix(Y.App.Transitions.FX, {

            "slideUp" : {
                viewIn : "app:slideUp",
                viewOut : "app:slideUp"
            },
            "slideDown" : {
                viewIn : "app:slideDown",
                viewOut : "app:slideDown"
            }
        },true);