Transition Effects Info



0: Box in.
1: Box out.
2: Circle in.
3: Circle out.
4: Wipe up.
5: Wipe down.
6: Wipe right.
7: Wipe left.
8: Vertical blinds.
9: Horizontal blinds.
10: Checkerboard across.
11: Checkerboard down.
12: Random dissolve.
13: Split vertical in.
14: Split vertical out.
15: Split horizontal in.
16: Split horizontal out.
17: Strips left down.
18: Strips left up.
19: Strips right down.
20: Strips right up.
21: Random bars horizontal.
22: Random bars vertical.
23: Random.
25: Fade.

25: Blinds
    var btransOptions= "bands=number, direction=up/down/left/right";

26: Checkerboard
    var btransOptions= "direction=up/down/left/right, SquaresX=number, SquaresY=number";

27: GradientWipe
    var btransOptions= "gradientSize=[0..1], wipestyle=0/1, motion=forward/reverse";

28: Inset
    This transition doesn't have options.

29: Iris
    var btransOptions= "irisstyle=diamond/circle/cross/plus/aquare/star, motion=in/out";

30: Pixelate
    var btransOptions= "maxSquare=number";

31: RadialWipe
    var btransOptions= "wipestyle=clock/wedge/radial";

32: RandomBars
    var btransOptions= "orientation=horizontal/vertical";

33: RandomDissolve
    This transition doesn't have options.

34: Slide
    var btransOptions= "slidestyle=hide/push/swap, bands=number";

35: Spiral
    var btransOptions= "gridSizeX=number, gridSizeY=number";

36: Stretch
    var btransOptions= "stretchstyle=hide/push/spin";

37: Strips
    var btransOptions= "motion=leftdown/leftup/rightup/rightdown";

38: Wheel
    var btransOptions= "spokes=number";

39: Zigzag
    var btransOptions= "gridSizeX=number, gridSizeY=number";

bootstrap image gallery | bootstrap 4 | homepage baukasten | kostenlose website | creer un site mobile