LayerSlider Transition Types List

LayerSlider Transition Types List

I was recently working on a website that used the LayerSlider slideshow animation/carousel.  The customer asked me for a specific animation type he’d seen out of the random pool.  There began a hunt everywhere for a simple list of the transition types available for LayerSlider – below is the list I finally found for others to use:

LayerSlider 2D slide Transitions

IDTransition nameIDTransition name
1Sliding from right2Sliding from left
3Sliding from bottom4Sliding from top
5Crossfading6Fading tiles forward
7Fading tiles reverse8Fading tiles col-forward
9Fading tiles col-reverse10Fading tiles (random)
11Smooth fading from right12Smooth fading from left
13Smooth fading from bottom14Smooth fading from top
15Smooth sliding from right16Smooth sliding from left
17Smooth sliging from bottom18Smooth sliding from top
19Sliding tiles to right (random)20Sliding tiles to left (random)
21Sliding tiles to bottom (random)22Sliding tiles to top (random)
23Sliding random tiles to random directions24Sliding rows to right (forward)
25Sliding rows to right (reverse)26Sliding rows to right (random)
27Sliding rows to left (forward)28Sliding rows to left (reverse)
29Sliding rows to left (random)30Sliding rows from top to bottom (forward)
31Sliding rows from top to bottom (random)32Sliding rows from bottom to top (reverse)
33Sliding rows from bottom to top (random)34Sliding columns to bottom (forward)
35Sliding columns to bottom (reverse)36Sliding columns to bottom (random)
37Sliding columns to top (forward)38Sliding columns to top (reverse)
39Sliding columns to top (random)40Sliding columns from left to right (forward)
41Sliding columns from left to right (random)42Sliding columns from right to left (reverse)
43Sliding columns from right to left (random)44Fading and sliding tiles to right (random)
45Fading and sliding tiles to left (random)46Fading and sliding tiles to bottom (random)
47Fading and sliding tiles to top (random)48Fading and sliding random tiles to random directions
49Fading and sliding tiles from top-left (forward)50Fading and sliding tiles from bottom-right (reverse)
51Fading and sliding tiles from top-right (random)52Fading and sliding tiles from bottom-left (random)
53Fading and sliding rows to right (forward)54Fading and sliding rows to right (reverse)
55Fading and sliding rows to right (random)56Fading and sliding rows to left (forward)
57Fading and sliding rows to left (reverse)58Fading and sliding rows to left (random)
59Fading and sliding rows from top to bottom (forward)60Fading and sliding rows from top to bottom (random)
61Fading and sliding rows from bottom to top (reverse)62Fading and sliding rows from bottom to top (random)
63Fading and sliding columns to bottom (forward)64Fading and sliding columns to bottom (reverse)
65Fading and sliding columns to bottom (random)66Fading and sliding columns to top (forward)
67Fading and sliding columns to top (reverse)68Fading and sliding columns to top (random)
69Fading and sliding columns from left to right (forward)70Fading and sliding columns from left to right (random)
71Fading and sliding columns from right to left (reverse)72Fading and sliding columns from right to left (random)
73Carousel74Carousel rows
75Carousel cols76Carousel tiles horizontal
77Carousel tiles vertical78Carousel-mirror tiles horizontal
79Carousel-mirror tiles vertical80Carousel mirror rows
81Carousel mirror cols82Turning tile from left
83Turning tile from right84Turning tile from top
85Turning tile from bottom86Turning tiles from left
87Turning tiles from right88Turning tiles from top
89Turning tiles from bottom90Turning rows from top
91Turning rows from bottom92Turning cols from left
93Turning cols from right94Flying rows from left
95Flying rows from right96Flying cols from top
97Flying cols from bottom98Flying and rotating tile from left
99Flying and rotating tile from right100Flying and rotating tiles from left
101Flying and rotating tiles from right102Flying and rotating tiles from random
103Scaling tile in104Scaling tile from out
105Scaling tiles random106Scaling tiles from out random
107Scaling in and rotating tiles random108Scaling and rotating tiles from out random
109Mirror-sliding tiles diagonal110Mirror-sliding rows horizontal
111Mirror-sliding rows vertical112Mirror-sliding cols horizontal
113Mirror-sliding cols vertical

LayerSlider 3D slide Transitions

IDTransition nameIDTransition name
1Spinning tile to right (180°)2Spinning tile to left (180°)
3Spinning tile to bottom (180°)4Spinning tile to top (180°)
5Spinning tiles to right (180°)6Spinning tiles to left (180°)
7Spinning tiles to bottom (180°)8Spinning tiles to top (180°)
9Horizontal spinning tiles random (180°)10Vertical spinning tiles random (180°)
11Scaling and spinning tiles to right (180°)12Scaling and spinning tiles to left (180°)
13Scaling and spinning tiles to bottom (180°)14Scaling and spinning tiles to top (180°)
15Scaling and horizontal spinning tiles random (180°)16Scaling and vertical spinning tiles random (180°)
17Spinning rows to right (180°)18Spinning rows to left (180°)
19Spinning rows to bottom (180°)20Spinning rows to top (180°)
21Horizontal spinning rows random (180°)22Vertical spinning rows random (180°)
23Vertical spinning rows random (540°)24Scaling and spinning rows to right (180°)
25Scaling and spinning rows to left (180°)26Scaling and spinning rows to bottom (180°)
27Scaling and spinning rows to top (180°)28Scaling and horizontal spinning rows random (180°)
29Scaling and vertical spinning rows random (180°)30Spinning columns to right (180°)
31Spinning columns to left (180°)32Spinning columns to bottom (180°)
33Spinning columns to top (180°)34Horizontal spinning columns random (180°)
35Vertical spinning columns random (180°)36Horizontal spinning columns random (540°)
37Scaling and spinning columns to right (180°)38Scaling and spinning columns to left (180°)
39Scaling and spinning columns to bottom (180°)40Scaling and spinning columns to top (180°)
41Scaling and horizontal spinning columns random (180°)42Scaling and vertical spinning columns random (180°)
43Drunk colums scaling and spinning to right (180°)44Drunk colums scaling and spinning to left (180°)
45Turning cuboid to right (90°)46Turning cuboid to left (90°)
47Turning cuboid to bottom (90°)48Turning cuboid to top (90°)
49Scaling and turning cuboid to right (90°)50Scaling and turning cuboid to left (90°)
51Scaling and turning cuboids to right (90°)52Scaling and turning cuboids to left (90°)
53Scaling and turning cuboids to bottom (90°)54Scaling and turning cuboids to top (90°)
55Scaling and horizontal turning cuboids random (90°)56Scaling and vertical turning cuboids random (90°)
57Turning rows to right (90°)58Turning rows to left (90°)
59Horizontal turning rows random (90°)60Scaling and turning rows to right (90°)
61Scaling and turning rows to left (90°)62Scaling and turning rows to bottom (90°)
63Scaling and turning rows to top (90°)64Scaling and horizontal turning rows random (90°)
65Scaling and vertical turning rows random (90°)66Scaling and horizontal turning drunk rows to right (90°)
67Scaling and horizontal turning drunk rows to left (90°)68Turning columns to bottom (90°)
69Turning columns to top (90°)70Vertical turning columns random (90°)
71Scaling and turning columns to bottom (90°)72Scaling and turning columns to top (90°)
73Scaling and turning columns to right (90°)74Scaling and turning columns to left (90°)
75Scaling and horizontal turning columns random (90°)76Scaling and vertical turning columns random (90°)
77Scaling and vertical turning drunk columns to right (90°)78Scaling and vertical turning drunk columns to left (90°)
79Spinning cuboid to right (180°, large depth)80Spinning cuboid to left (180°, large depth)
81Spinning cuboid to bottom (180°, large depth)82Spinning cuboid to top (180°, large depth)
83Scaling and spinning cuboids to right (180°, large depth)84Scaling and spinning cuboids to left (180°, large depth)
85Scaling and spinning cuboids to bottom (180°, large depth)86Scaling and spinning cuboids to top (180°, large depth)
87Scaling and horizontal spinning cuboids random (180°, large depth)88Scaling and vertical spinning cuboids random (180°, large depth)
89Scaling and spinning rows to right (180°, large depth)90Scaling and spinning rows to left (180°, large depth)
91Scaling and spinning rows to bottom (180°, large depth)92Scaling and spinning rows to top (180°, large depth)
93Scaling and horizontal spinning rows random (180°, large depth)94Scaling and vertical spinning rows random (180°, large depth)
95Scaling and spinning columns to bottom (180°, large depth)96Scaling and spinning columns to top (180°, large depth)
97Scaling and spinning columns to right (180°, large depth)98Scaling and spinning columns to left (180°, large depth)
99Scaling and horizontal spinning columns random (180°, large depth)100Scaling and vertical spinning columns random (180°, large depth)
Bob McKay

About Bob McKay

Bob McKay works at Perfect Image, is a father, programmer and a self confessed techie-geek type.

Disclosure Policy

Bob on Google+

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.