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
| ID | Transition name | ID | Transition name |
|---|---|---|---|
| 1 | Sliding from right | 2 | Sliding from left |
| 3 | Sliding from bottom | 4 | Sliding from top |
| 5 | Crossfading | 6 | Fading tiles forward |
| 7 | Fading tiles reverse | 8 | Fading tiles col-forward |
| 9 | Fading tiles col-reverse | 10 | Fading tiles (random) |
| 11 | Smooth fading from right | 12 | Smooth fading from left |
| 13 | Smooth fading from bottom | 14 | Smooth fading from top |
| 15 | Smooth sliding from right | 16 | Smooth sliding from left |
| 17 | Smooth sliging from bottom | 18 | Smooth sliding from top |
| 19 | Sliding tiles to right (random) | 20 | Sliding tiles to left (random) |
| 21 | Sliding tiles to bottom (random) | 22 | Sliding tiles to top (random) |
| 23 | Sliding random tiles to random directions | 24 | Sliding rows to right (forward) |
| 25 | Sliding rows to right (reverse) | 26 | Sliding rows to right (random) |
| 27 | Sliding rows to left (forward) | 28 | Sliding rows to left (reverse) |
| 29 | Sliding rows to left (random) | 30 | Sliding rows from top to bottom (forward) |
| 31 | Sliding rows from top to bottom (random) | 32 | Sliding rows from bottom to top (reverse) |
| 33 | Sliding rows from bottom to top (random) | 34 | Sliding columns to bottom (forward) |
| 35 | Sliding columns to bottom (reverse) | 36 | Sliding columns to bottom (random) |
| 37 | Sliding columns to top (forward) | 38 | Sliding columns to top (reverse) |
| 39 | Sliding columns to top (random) | 40 | Sliding columns from left to right (forward) |
| 41 | Sliding columns from left to right (random) | 42 | Sliding columns from right to left (reverse) |
| 43 | Sliding columns from right to left (random) | 44 | Fading and sliding tiles to right (random) |
| 45 | Fading and sliding tiles to left (random) | 46 | Fading and sliding tiles to bottom (random) |
| 47 | Fading and sliding tiles to top (random) | 48 | Fading and sliding random tiles to random directions |
| 49 | Fading and sliding tiles from top-left (forward) | 50 | Fading and sliding tiles from bottom-right (reverse) |
| 51 | Fading and sliding tiles from top-right (random) | 52 | Fading and sliding tiles from bottom-left (random) |
| 53 | Fading and sliding rows to right (forward) | 54 | Fading and sliding rows to right (reverse) |
| 55 | Fading and sliding rows to right (random) | 56 | Fading and sliding rows to left (forward) |
| 57 | Fading and sliding rows to left (reverse) | 58 | Fading and sliding rows to left (random) |
| 59 | Fading and sliding rows from top to bottom (forward) | 60 | Fading and sliding rows from top to bottom (random) |
| 61 | Fading and sliding rows from bottom to top (reverse) | 62 | Fading and sliding rows from bottom to top (random) |
| 63 | Fading and sliding columns to bottom (forward) | 64 | Fading and sliding columns to bottom (reverse) |
| 65 | Fading and sliding columns to bottom (random) | 66 | Fading and sliding columns to top (forward) |
| 67 | Fading and sliding columns to top (reverse) | 68 | Fading and sliding columns to top (random) |
| 69 | Fading and sliding columns from left to right (forward) | 70 | Fading and sliding columns from left to right (random) |
| 71 | Fading and sliding columns from right to left (reverse) | 72 | Fading and sliding columns from right to left (random) |
| 73 | Carousel | 74 | Carousel rows |
| 75 | Carousel cols | 76 | Carousel tiles horizontal |
| 77 | Carousel tiles vertical | 78 | Carousel-mirror tiles horizontal |
| 79 | Carousel-mirror tiles vertical | 80 | Carousel mirror rows |
| 81 | Carousel mirror cols | 82 | Turning tile from left |
| 83 | Turning tile from right | 84 | Turning tile from top |
| 85 | Turning tile from bottom | 86 | Turning tiles from left |
| 87 | Turning tiles from right | 88 | Turning tiles from top |
| 89 | Turning tiles from bottom | 90 | Turning rows from top |
| 91 | Turning rows from bottom | 92 | Turning cols from left |
| 93 | Turning cols from right | 94 | Flying rows from left |
| 95 | Flying rows from right | 96 | Flying cols from top |
| 97 | Flying cols from bottom | 98 | Flying and rotating tile from left |
| 99 | Flying and rotating tile from right | 100 | Flying and rotating tiles from left |
| 101 | Flying and rotating tiles from right | 102 | Flying and rotating tiles from random |
| 103 | Scaling tile in | 104 | Scaling tile from out |
| 105 | Scaling tiles random | 106 | Scaling tiles from out random |
| 107 | Scaling in and rotating tiles random | 108 | Scaling and rotating tiles from out random |
| 109 | Mirror-sliding tiles diagonal | 110 | Mirror-sliding rows horizontal |
| 111 | Mirror-sliding rows vertical | 112 | Mirror-sliding cols horizontal |
| 113 | Mirror-sliding cols vertical |
LayerSlider 3D slide Transitions
| ID | Transition name | ID | Transition name |
|---|---|---|---|
| 1 | Spinning tile to right (180°) | 2 | Spinning tile to left (180°) |
| 3 | Spinning tile to bottom (180°) | 4 | Spinning tile to top (180°) |
| 5 | Spinning tiles to right (180°) | 6 | Spinning tiles to left (180°) |
| 7 | Spinning tiles to bottom (180°) | 8 | Spinning tiles to top (180°) |
| 9 | Horizontal spinning tiles random (180°) | 10 | Vertical spinning tiles random (180°) |
| 11 | Scaling and spinning tiles to right (180°) | 12 | Scaling and spinning tiles to left (180°) |
| 13 | Scaling and spinning tiles to bottom (180°) | 14 | Scaling and spinning tiles to top (180°) |
| 15 | Scaling and horizontal spinning tiles random (180°) | 16 | Scaling and vertical spinning tiles random (180°) |
| 17 | Spinning rows to right (180°) | 18 | Spinning rows to left (180°) |
| 19 | Spinning rows to bottom (180°) | 20 | Spinning rows to top (180°) |
| 21 | Horizontal spinning rows random (180°) | 22 | Vertical spinning rows random (180°) |
| 23 | Vertical spinning rows random (540°) | 24 | Scaling and spinning rows to right (180°) |
| 25 | Scaling and spinning rows to left (180°) | 26 | Scaling and spinning rows to bottom (180°) |
| 27 | Scaling and spinning rows to top (180°) | 28 | Scaling and horizontal spinning rows random (180°) |
| 29 | Scaling and vertical spinning rows random (180°) | 30 | Spinning columns to right (180°) |
| 31 | Spinning columns to left (180°) | 32 | Spinning columns to bottom (180°) |
| 33 | Spinning columns to top (180°) | 34 | Horizontal spinning columns random (180°) |
| 35 | Vertical spinning columns random (180°) | 36 | Horizontal spinning columns random (540°) |
| 37 | Scaling and spinning columns to right (180°) | 38 | Scaling and spinning columns to left (180°) |
| 39 | Scaling and spinning columns to bottom (180°) | 40 | Scaling and spinning columns to top (180°) |
| 41 | Scaling and horizontal spinning columns random (180°) | 42 | Scaling and vertical spinning columns random (180°) |
| 43 | Drunk colums scaling and spinning to right (180°) | 44 | Drunk colums scaling and spinning to left (180°) |
| 45 | Turning cuboid to right (90°) | 46 | Turning cuboid to left (90°) |
| 47 | Turning cuboid to bottom (90°) | 48 | Turning cuboid to top (90°) |
| 49 | Scaling and turning cuboid to right (90°) | 50 | Scaling and turning cuboid to left (90°) |
| 51 | Scaling and turning cuboids to right (90°) | 52 | Scaling and turning cuboids to left (90°) |
| 53 | Scaling and turning cuboids to bottom (90°) | 54 | Scaling and turning cuboids to top (90°) |
| 55 | Scaling and horizontal turning cuboids random (90°) | 56 | Scaling and vertical turning cuboids random (90°) |
| 57 | Turning rows to right (90°) | 58 | Turning rows to left (90°) |
| 59 | Horizontal turning rows random (90°) | 60 | Scaling and turning rows to right (90°) |
| 61 | Scaling and turning rows to left (90°) | 62 | Scaling and turning rows to bottom (90°) |
| 63 | Scaling and turning rows to top (90°) | 64 | Scaling and horizontal turning rows random (90°) |
| 65 | Scaling and vertical turning rows random (90°) | 66 | Scaling and horizontal turning drunk rows to right (90°) |
| 67 | Scaling and horizontal turning drunk rows to left (90°) | 68 | Turning columns to bottom (90°) |
| 69 | Turning columns to top (90°) | 70 | Vertical turning columns random (90°) |
| 71 | Scaling and turning columns to bottom (90°) | 72 | Scaling and turning columns to top (90°) |
| 73 | Scaling and turning columns to right (90°) | 74 | Scaling and turning columns to left (90°) |
| 75 | Scaling and horizontal turning columns random (90°) | 76 | Scaling and vertical turning columns random (90°) |
| 77 | Scaling and vertical turning drunk columns to right (90°) | 78 | Scaling and vertical turning drunk columns to left (90°) |
| 79 | Spinning cuboid to right (180°, large depth) | 80 | Spinning cuboid to left (180°, large depth) |
| 81 | Spinning cuboid to bottom (180°, large depth) | 82 | Spinning cuboid to top (180°, large depth) |
| 83 | Scaling and spinning cuboids to right (180°, large depth) | 84 | Scaling and spinning cuboids to left (180°, large depth) |
| 85 | Scaling and spinning cuboids to bottom (180°, large depth) | 86 | Scaling and spinning cuboids to top (180°, large depth) |
| 87 | Scaling and horizontal spinning cuboids random (180°, large depth) | 88 | Scaling and vertical spinning cuboids random (180°, large depth) |
| 89 | Scaling and spinning rows to right (180°, large depth) | 90 | Scaling and spinning rows to left (180°, large depth) |
| 91 | Scaling and spinning rows to bottom (180°, large depth) | 92 | Scaling and spinning rows to top (180°, large depth) |
| 93 | Scaling and horizontal spinning rows random (180°, large depth) | 94 | Scaling and vertical spinning rows random (180°, large depth) |
| 95 | Scaling and spinning columns to bottom (180°, large depth) | 96 | Scaling and spinning columns to top (180°, large depth) |
| 97 | Scaling and spinning columns to right (180°, large depth) | 98 | Scaling and spinning columns to left (180°, large depth) |
| 99 | Scaling and horizontal spinning columns random (180°, large depth) | 100 | Scaling and vertical spinning columns random (180°, large depth) |
