Custom examples

Custom effect 1

{"fx": "scrollDown", 
"speedIn": 2000, 
"speedOut": 500, 
"easeIn": 'bounceout', 
"easeOut": 'backin', 
"delay": -2000}







Custom effect 2

{"fx": "custom",
"sync": 0, 
"cssBefore": {  
 "top": 0, 
  "left": 232, 
  "display": "block" 
}, 
"animIn":  { 
  "left": 0 
}, 
"animOut": {  
  "top": 232 
}, 
"delay": -1000}

Custom effect 3

{"fx": "custom", 
"cssBefore": {  
  "top":  0, 
  "left": 0, 
  "width": 0, 
  "height": 0,  
  "zIndex": 1  
}, 
"animIn":  {  
  "width": 183, 
  "height": 183  
}, 
"animOut": {  
  "top":  183, 
  "left": 183, 
  "width": 0, 
  "height": 0 
}, 
"cssAfter": {  
  "zIndex": 0  
}, 
delay: -1000}

Custom effect 4

{"fx": "wipe", 
"speed": 1000, 
"timeout": 6000, 
"clip": "zoom"}