Master Slider Transition Gallery

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)