Editing: transitions.js
var layerSliderCustomTransitions = { "t2d" : [ { "name" : "Sliding from right", "rows" : 1, "cols" : 1, "tile" : { "delay" : 0, "sequence" : "forward" }, "transition" : { "type" : "slide", "easing" : "easeInOutQuart", "duration" : 1500, "direction" : "left" } }, { "name" : "Smooth fading from right", "rows" : 1, "cols" : 35, "tile" : { "delay" : 25, "sequence" : "reverse" }, "transition" : { "type" : "fade", "easing" : "linear", "duration" : 750, "direction" : "left" } }, { "name" : "Sliding random tiles to random directions", "rows" : [2,4], "cols" : [4,7], "tile" : { "delay" : 50, "sequence" : "random" }, "transition" : { "type" : "slide", "easing" : "easeOutQuart", "duration" : 500, "direction" : "random" } }, { "name" : "Fading tiles col-forward", "rows" : [2,4], "cols" : [4,7], "tile" : { "delay" : 30, "sequence" : "col-forward" }, "transition" : { "type" : "fade", "easing" : "easeOutQuart", "duration" : 1000, "direction" : "left" } }, { "name" : "Fading and sliding columns to bottom (forward)", "rows" : 1, "cols" : [12,16], "tile" : { "delay" : 75, "sequence" : "forward" }, "transition" : { "type" : "mixed", "easing" : "easeInOutQuart", "duration" : 600, "direction" : "bottom" } } ], "t3d" : [ { "name" : "Turning cuboid to right (90°)", "rows" : 1, "cols" : 1, "tile" : { "delay" : 75, "sequence" : "forward" }, "animation" : { "transition" : { "rotateY" : 90 }, "easing" : "easeInOutQuart", "duration" : 1500, "direction" : "horizontal" } }, { "name" : "Vertical spinning rows random (540°)", "rows" : [3,7], "cols" : 1, "tile" : { "delay" : 150, "sequence" : "random" }, "animation" : { "transition" : { "rotateX" : -540 }, "easing" : "easeInOutBack", "duration" : 2000, "direction" : "vertical" } }, { "name" : "Scaling and spinning columns to left (180°)", "rows" : 1, "cols" : [7,11], "tile" : { "delay" : 75, "sequence" : "reverse" }, "before" : { "enabledd" : true, "transition" : { "scale3d" : ".85" }, "duration" : 600, "easing" : "easeOutBack" }, "animation" : { "transition" : { "rotateY" : -180 }, "easing" : "easeInOutBack", "duration" : 1000, "direction" : "horizontal" }, "after" : { "enabled" : true, "transition" : { "delay" : 200 }, "easing" : "easeOutBack", "duration" : 600 } }, { "name" : "Scaling and horizontal spinning cuboids random (180°, large depth)", "rows" : [2,4], "cols" : [4,7], "tile" : { "delay" : 75, "sequence" : "random", "depth" : "large" }, "before" : { "enabled" : true, "transition" : { "scale3d" : ".65" }, "duration" : 700, "easing" : "easeInOutQuint" }, "animation" : { "transition" : { "rotateY" : 180 }, "easing" : "easeInOutBack", "duration" : 700, "direction" : "horizontal" }, "after" : { "enabled" : true, "duration" : 700, "easing" : "easeInOutBack" } }, { "name" : "Scaling and spinning rows to right (180°)", "rows" : [5,9], "cols" : 1, "tile" : { "delay" : 75, "sequence" : "forward" }, "before" : { "enabled" : true, "transition" : { "scale3d" : ".85" }, "duration" : 600, "easing" : "easeOutBack" }, "animation" : { "transition" : { "rotateY" : 180 }, "easing" : "easeInOutBack", "duration" : 1000, "direction" : "horizontal" }, "after" : { "enabled" : true, "transition" : { "delay" : 200 }, "easing" : "easeOutBack", "duration" : 600 } } ] };
Save
Back