Master Slider :: Transition Gallery

W: H:

Output

data-effect="fade" 
data-duration="1800" 
data-delay="0"

Basic

SHOW
HIDE
fade
SHOW
HIDE
left(short)
SHOW
HIDE
left(long)
SHOW
HIDE
left(short,false)
SHOW
HIDE
left(long,false)
SHOW
HIDE
left(800)
SHOW
HIDE
left(200|800)
SHOW
HIDE
right(short)
SHOW
HIDE
right(long)
SHOW
HIDE
right(short,false)
SHOW
HIDE
right(long,false)
SHOW
HIDE
right(800)
SHOW
HIDE
right(200|800)
SHOW
HIDE
top(short)
SHOW
HIDE
top(long)
SHOW
HIDE
top(short,false)
SHOW
HIDE
top(long,false)
SHOW
HIDE
top(800)
SHOW
HIDE
top(200|800)
SHOW
HIDE
bottom(short)
SHOW
HIDE
bottom(long)
SHOW
HIDE
bottom(short,false)
SHOW
HIDE
bottom(long,false)
SHOW
HIDE
bottom(800)
SHOW
HIDE
bottom(200|800)

Rotate

SHOW
HIDE
rotate(50,c)
SHOW
HIDE
rotate(150,tl)
SHOW
HIDE
rotate(-150,b)
SHOW
HIDE
rotate(90,tr)
SHOW
HIDE
rotate(-180,br)
SHOW
HIDE
rotate(20,br)
SHOW
HIDE
rotate(20|180,l)
SHOW
HIDE
rotate(180|300)
SHOW
HIDE
rotate(-180|180,bl)
SHOW
HIDE
rotate(-360|360,tr)
SHOW
HIDE
rotateleft(40,50,c)
SHOW
HIDE
rotateleft(150,short,tl)
SHOW
HIDE
rotateleft(-150,long,b)
SHOW
HIDE
rotateleft(90,400,tr)
SHOW
HIDE
rotateleft(-180,800,br)
SHOW
HIDE
rotateleft(20,120,br)
SHOW
HIDE
rotateleft(20|180,100|300,l)
SHOW
HIDE
rotateleft(180|300,long)
SHOW
HIDE
rotateleft(-180|180,30,bl)
SHOW
HIDE
rotateleft(-360|360,10|120,tr)
SHOW
HIDE
rotateright(40,50,c)
SHOW
HIDE
rotateright(150,short,tl)
SHOW
HIDE
rotateright(-150,long,b)
SHOW
HIDE
rotateright(90,400,tr)
SHOW
HIDE
rotateright(-180,800,br)
SHOW
HIDE
rotateright(20,120,br)
SHOW
HIDE
rotateright(20|180,100|300,l)
SHOW
HIDE
rotateright(180|300,long)
SHOW
HIDE
rotateright(-180|180,30,bl)
SHOW
HIDE
rotateright(-360|360,10|120,tr)
SHOW
HIDE
rotatetop(40,50,c)
SHOW
HIDE
rotatetop(150,short,tl)
SHOW
HIDE
rotatetop(-150,long,b)
SHOW
HIDE
rotatetop(90,400,tr)
SHOW
HIDE
rotatetop(-180,800,br)
SHOW
HIDE
rotatetop(20,120,br)
SHOW
HIDE
rotatetop(20|180,100|300,l)
SHOW
HIDE
rotatetop(180|300,long)
SHOW
HIDE
rotatetop(-180|180,30,bl)
SHOW
HIDE
rotatetop(-360|360,10|120,tr)
SHOW
HIDE
rotatebottom(40,50,c)
SHOW
HIDE
rotatebottom(150,short,tl)
SHOW
HIDE
rotatebottom(-150,long,b)
SHOW
HIDE
rotatebottom(90,400,tr)
SHOW
HIDE
rotatebottom(-180,800,br)
SHOW
HIDE
rotatebottom(20,120,br)
SHOW
HIDE
rotatebottom(20|180,100|300,l)
SHOW
HIDE
rotatebottom(180|300,long)
SHOW
HIDE
rotatebottom(-180|180,30,bl)
SHOW
HIDE
rotatebottom(-360|360,10|120,tr)

Skew

SHOW
HIDE
skewleft(15,long)
SHOW
HIDE
skewleft(-15,long)
SHOW
HIDE
skewleft(10,150)
SHOW
HIDE
skewleft(-10,150)
SHOW
HIDE
skewleft(23,500)
SHOW
HIDE
skewleft(20|30,200|400)
SHOW
HIDE
skewright(15,long)
SHOW
HIDE
skewright(-15,long)
SHOW
HIDE
skewright(10,150)
SHOW
HIDE
skewright(-10,150)
SHOW
HIDE
skewright(23,500)
SHOW
HIDE
skewright(20|30,200|400)
SHOW
HIDE
skewtop(15,long)
SHOW
HIDE
skewtop(-15,long)
SHOW
HIDE
skewtop(10,150)
SHOW
HIDE
skewtop(-10,150)
SHOW
HIDE
skewtop(23,500)
SHOW
HIDE
skewtop(20|30,200|400)
SHOW
HIDE
skewbottom(15,long)
SHOW
HIDE
skewbottom(-15,long)
SHOW
HIDE
skewbottom(10,150)
SHOW
HIDE
skewbottom(-10,150)
SHOW
HIDE
skewbottom(23,500)
SHOW
HIDE
skewbottom(20|30,200|400)

3D Basic

SHOW
HIDE
front(long)
SHOW
HIDE
front(800)
SHOW
HIDE
front(1300)
SHOW
HIDE
front(200|800)
SHOW
HIDE
back(long)
SHOW
HIDE
back(1300)
SHOW
HIDE
back(800)
SHOW
HIDE
back(200|800)
SHOW
HIDE
rotatefront(40,400,c)
SHOW
HIDE
rotatefront(150,600,tl)
SHOW
HIDE
rotatefront(-150,600,b)
SHOW
HIDE
rotatefront(90,600,tr)
SHOW
HIDE
rotatefront(-180,1300,br)
SHOW
HIDE
rotatefront(20,620,br)
SHOW
HIDE
rotatefront(20|180,500|1000,l)
SHOW
HIDE
rotatefront(180|300,500)
SHOW
HIDE
rotatefront(-180|180,700,bl)
SHOW
HIDE
rotatefront(-360|360,400|900,tr)
SHOW
HIDE
rotateback(40,400,c)
SHOW
HIDE
rotateback(150,600,tl)
SHOW
HIDE
rotateback(-150,600,b)
SHOW
HIDE
rotateback(90,600,tr)
SHOW
HIDE
rotateback(-180,1300,br)
SHOW
HIDE
rotateback(20,620,br)
SHOW
HIDE
rotateback(20|180,500|1000,l)
SHOW
HIDE
rotateback(180|300,500)
SHOW
HIDE
rotateback(-180|180,700,bl)
SHOW
HIDE
rotateback(-360|360,400|900,tr)

3D Rotation

SHOW
HIDE
rotate3dleft(90,0,0,0)
SHOW
HIDE
rotate3dleft(0,90,0,0)
SHOW
HIDE
rotate3dleft(45,0,0,0)
SHOW
HIDE
rotate3dleft(0,45,0,0)
SHOW
HIDE
rotate3dleft(180,0,0,0)
SHOW
HIDE
rotate3dleft(0,180,0,0)
SHOW
HIDE
rotate3dleft(0,180,0,0,r)
SHOW
HIDE
rotate3dleft(0,180,0,0,l)
SHOW
HIDE
rotate3dleft(180,0,0,0,t)
SHOW
HIDE
rotate3dleft(180,0,0,0,b)
SHOW
HIDE
rotate3dleft(80,0,0,short)
SHOW
HIDE
rotate3dleft(80,0,0,long)
SHOW
HIDE
rotate3dleft(30,0,0,10)
SHOW
HIDE
rotate3dleft(30,50,0,50)
SHOW
HIDE
rotate3dleft(180,50,0,200)
SHOW
HIDE
rotate3dleft(-30,50,0,50)
SHOW
HIDE
rotate3dleft(180,-50,0,100)
SHOW
HIDE
rotate3dleft(180|360,-50|50,0,100|400,br)
SHOW
HIDE
rotate3dright(80,0,0,short)
SHOW
HIDE
rotate3dright(80,0,0,long)
SHOW
HIDE
rotate3dright(30,0,0,10)
SHOW
HIDE
rotate3dright(30,50,0,50)
SHOW
HIDE
rotate3dright(180,50,0,200)
SHOW
HIDE
rotate3dright(-30,50,0,50)
SHOW
HIDE
rotate3dright(180,-50,0,100)
SHOW
HIDE
rotate3dright(180|360,-50|50,0,100|400,br)
SHOW
HIDE
rotate3dtop(80,0,0,short)
SHOW
HIDE
rotate3dtop(80,0,0,long)
SHOW
HIDE
rotate3dtop(30,0,0,10)
SHOW
HIDE
rotate3dtop(30,50,0,50)
SHOW
HIDE
rotate3dtop(180,50,0,200)
SHOW
HIDE
rotate3dtop(-30,50,0,50)
SHOW
HIDE
rotate3dtop(180,-50,0,100)
SHOW
HIDE
rotate3dtop(180|360,-50|50,0,100|400,br)
SHOW
HIDE
rotate3dbottom(80,0,0,short)
SHOW
HIDE
rotate3dbottom(80,0,0,long)
SHOW
HIDE
rotate3dbottom(30,0,0,10)
SHOW
HIDE
rotate3dbottom(30,50,0,50)
SHOW
HIDE
rotate3dbottom(180,50,0,200)
SHOW
HIDE
rotate3dbottom(-30,50,0,50)
SHOW
HIDE
rotate3dbottom(180,-50,0,100)
SHOW
HIDE
rotate3dbottom(180|360,-50|50,0,50|100,br)