https://www.wobauge-kw.de/components/com_layer_slider/base/static/…/layerslider.transitions.full.js?ver=6.1.0

1/*
2	* LayerSlider
3	*
4	* (c) 2011-2020 George Krupa, John Gera & Kreatura Media
5	*
6	* LayerSlider home:		https://layerslider.kreaturamedia.com/
7	* Licensing:			https://layerslider.kreaturamedia.com/licensing/
8*/
9
10var layerSliderTransitions = {
11
12	/* 2D Transitions */
13
14	t2d: [
15
16/*
17		{
18			name: 'Custom 2D transition',	// Name of the transition
19			rows: [2,4],					// Number or [minimum,maximum] numbers of rows
20			cols: [4,7],					// Number or [minimum,maximum] numbers of columns
21			tile: {
22				delay: 50,					// Delay of tiles relative to each other in msec
23				sequence: 'forward'		// Sequence of the tile transition, can be: 'forward', 'reverse', 'col-forward', 'col-reverse' or 'random'
24			},
25			transition: {
26				type: 'slide',				// Type of the transition, can be: 'slide', 'fade' or 'mixed'
27				easing: 'easeInOutQuart',	// Easing of the tile transition
28				duration: 1500,			// Duration of the tile transition in msec
29				direction: 'left',			// Direction of the tile transition, can be: 'left', 'right', 'top', 'bottom', 'topleft', 'topright', 'bottomleft', 'bottomright' or 'random' (from the 4 main directions)
30				scale: 0.5,					// Scale (integer, must be >= 0)
31				rotate: -90,				// Rotate around the Z axis by the given degrees (2D rotation)
32				rotateX: 90,				// Rotate around the X axis by the given degrees (3D rotation)
33				rotateY: 90				// Rotate around the Y axis by the given degrees (3D rotation)
34			}
35		},
36*/
37
38	/* Sliding transitions: full-tile */
39
40		{
41			name: 'Sliding from right',
42			rows: 1,
43			cols: 1,
44			tile: {
45				delay: 0,
46				sequence: 'forward'
47			},
48			transition: {
49				type: 'slide',
50				easing: 'easeInOutQuad',
51				duration: 1000,
52				direction: 'left'
53			}
54		},
55
56		{
57			name: 'Sliding from left',
58			rows: 1,
59			cols: 1,
60			tile: {
61				delay: 0,
62				sequence: 'forward'
63			},
64			transition: {
65				type: 'slide',
66				easing: 'easeInOutQuad',
67				duration: 1000,
68				direction: 'right'
69			}
70		},
71
72		{
73			name: 'Sliding from bottom',
74			rows: 1,
75			cols: 1,
76			tile: {
77				delay: 0,
78				sequence: 'forward'
79			},
80			transition: {
81				type: 'slide',
82				easing: 'easeInOutQuad',
83				duration: 1000,
84				direction: 'top'
85			}
86		},
87
88		{
89			name: 'Sliding from top',
90			rows: 1,
91			cols: 1,
92			tile: {
93				delay: 0,
94				sequence: 'forward'
95			},
96			transition: {
97				type: 'slide',
98				easing: 'easeInOutQuad',
99				duration: 1000,
100				direction: 'bottom'
101			}
102		},
103
104	/* Fading transitions */
105
106		{
107			name: 'Crossfading',
108			rows: 1,
109			cols: 1,
110			tile: {
111				delay: 0,
112				sequence: 'forward'
113			},
114			transition: {
115				type: 'fade',
116				easing: 'easeInOutQuad',
117				duration: 1000,
118				direction: 'left'
119			}
120		},
121
122		{
123			name: 'Fading tiles forward',
124			rows: [2,4],
125			cols: [4,7],
126			tile: {
127				delay: 30,
128				sequence: 'forward'
129			},
130			transition: {
131				type: 'fade',
132				easing: 'easeOutQuart',
133				duration: 1000,
134				direction: 'left'
135			}
136		},
137
138		{
139			name: 'Fading tiles reverse',
140			rows: [2,4],
141			cols: [4,7],
142			tile: {
143				delay: 30,
144				sequence: 'reverse'
145			},
146			transition: {
147				type: 'fade',
148				easing: 'easeOutQuart',
149				duration: 1000,
150				direction: 'left'
151			}
152		},
153
154		{
155			name: 'Fading tiles col-forward',
156			rows: [2,4],
157			cols: [4,7],
158			tile: {
159				delay: 30,
160				sequence: 'col-forward'
161			},
162			transition: {
163				type: 'fade',
164				easing: 'easeOutQuart',
165				duration: 1000,
166				direction: 'left'
167			}
168		},
169
170		{
171			name: 'Fading tiles col-reverse',
172			rows: [2,4],
173			cols: [4,7],
174			tile: {
175				delay: 30,
176				sequence: 'col-reverse'
177			},
178			transition: {
179				type: 'fade',
180				easing: 'easeOutQuart',
181				duration: 1000,
182				direction: 'left'
183			}
184		},
185
186		{
187			name: 'Fading tiles (random)',
188			rows: [2,4],
189			cols: [4,7],
190			tile: {
191				delay: 30,
192				sequence: 'random'
193			},
194			transition: {
195				type: 'fade',
196				easing: 'easeOutQuart',
197				duration: 1000,
198				direction: 'left'
199			}
200		},
201
202		{
203			name: 'Smooth fading from right',
204			rows: 1,
205			cols: 35,
206			tile: {
207				delay: 25,
208				sequence: 'reverse'
209			},
210			transition: {
211				type: 'fade',
212				easing: 'linear',
213				duration: 750,
214				direction: 'left'
215			}
216		},
217
218		{
219			name: 'Smooth fading from left',
220			rows: 1,
221			cols: 35,
222			tile: {
223				delay: 25,
224				sequence: 'forward'
225			},
226			transition: {
227				type: 'fade',
228				easing: 'easeInOutQuart',
229				duration: 750,
230				direction: 'left'
231			}
232		},
233
234		{
235			name: 'Smooth fading from bottom',
236			rows: 35,

237			cols: 1,
238			tile: {
239				delay: 25,
240				sequence: 'col-reverse'
241			},
242			transition: {
243				type: 'fade',
244				easing: 'easeInOutQuart',
245				duration: 750,
246				direction: 'left'
247			}
248		},
249
250		{
251			name: 'Smooth fading from top',
252			rows: 35,
253			cols: 1,
254			tile: {
255				delay: 25,
256				sequence: 'col-forward'
257			},
258			transition: {
259				type: 'fade',
260				easing: 'easeInOutQuart',
261				duration: 750,
262				direction: 'left'
263			}
264		},
265
266	/* Sliding transitions: smooth */
267
268		{
269			name: 'Smooth sliding from right',
270			rows: 1,
271			cols: 25,
272			tile: {
273				delay: 30,
274				sequence: 'reverse'
275			},
276			transition: {
277				type: 'slide',
278				easing: 'easeInOutQuart',
279				duration: 350,
280				direction: 'left'
281			}
282		},
283
284		{
285			name: 'Smooth sliding from left',
286			rows: 1,
287			cols: 25,
288			tile: {
289				delay: 30,
290				sequence: 'forward'
291			},
292			transition: {
293				type: 'slide',
294				easing: 'easeInOutQuart',
295				duration: 350,
296				direction: 'right'
297			}
298		},
299
300		{
301			name: 'Smooth sliging from bottom',
302			rows: 25,
303			cols: 1,
304			tile: {
305				delay: 30,
306				sequence: 'col-reverse'
307			},
308			transition: {
309				type: 'slide',
310				easing: 'easeInOutQuart',
311				duration: 350,
312				direction: 'top'
313			}
314		},
315
316		{
317			name: 'Smooth sliding from top',
318			rows: 25,
319			cols: 1,
320			tile: {
321				delay: 30,
322				sequence: 'col-forward'
323			},
324			transition: {
325				type: 'slide',
326				easing: 'easeInOutQuart',
327				duration: 350,
328				direction: 'bottom'
329			}
330		},
331
332	/* Sliding transitions: tiles */
333
334		{
335			name: 'Sliding tiles to right (random)',
336			rows: [2,4],
337			cols: [4,7],
338			tile: {
339				delay: 50,
340				sequence: 'random'
341			},
342			transition: {
343				type: 'slide',
344				easing: 'easeOutQuart',
345				duration: 500,
346				direction: 'right'
347			}
348		},
349
350		{
351			name: 'Sliding tiles to left (random)',
352			rows: [2,4],
353			cols: [4,7],
354			tile: {
355				delay: 50,
356				sequence: 'random'
357			},
358			transition: {
359				type: 'slide',
360				easing: 'easeOutQuart',
361				duration: 500,
362				direction: 'left'
363			}
364		},
365
366		{
367			name: 'Sliding tiles to bottom (random)',
368			rows: [2,4],
369			cols: [4,7],
370			tile: {
371				delay: 50,
372				sequence: 'random'
373			},
374			transition: {
375				type: 'slide',
376				easing: 'easeOutQuart',
377				duration: 500,
378				direction: 'bottom'
379			}
380		},
381
382		{
383			name: 'Sliding tiles to top (random)',
384			rows: [2,4],
385			cols: [4,7],
386			tile: {
387				delay: 50,
388				sequence: 'random'
389			},
390			transition: {
391				type: 'slide',
392				easing: 'easeOutQuart',
393				duration: 500,
394				direction: 'top'
395			}
396		},
397
398		{
399			name: 'Sliding random tiles to random directions',
400			rows: [2,4],
401			cols: [4,7],
402			tile: {
403				delay: 50,
404				sequence: 'random'
405			},
406			transition: {
407				type: 'slide',
408				easing: 'easeOutQuart',
409				duration: 500,
410				direction: 'random'
411			}
412		},
413
414	/* Sliding transitions: rows */
415
416		{
417			name: 'Sliding rows to right (forward)',
418			rows: [7,11],
419			cols: 1,
420			tile: {
421				delay: 100,
422				sequence: 'forward'
423			},
424			transition: {
425				type: 'slide',
426				easing: 'easeInOutQuart',
427				duration: 600,
428				direction: 'right'
429			}
430		},
431
432		{
433			name: 'Sliding rows to right (reverse)',
434			rows: [7,11],
435			cols: 1,
436			tile: {
437				delay: 100,
438				sequence: 'reverse'
439			},
440			transition: {
441				type: 'slide',
442				easing: 'easeInOutQuart',
443				duration: 600,
444				direction: 'right'
445			}
446		},
447
448		{
449			name: 'Sliding rows to right (random)',
450			rows: [7,11],
451			cols: 1,
452			tile: {
453				delay: 100,
454				sequence: 'random'
455			},
456			transition: {
457				type: 'slide',
458				easing: 'easeInOutQuart',
459				duration: 600,
460				direction: 'right'
461			}
462		},
463
464		{
465			name: 'Sliding rows to left (forward)',
466			rows: [7,11],
467			cols: 1,
468			tile: {
469				delay: 100,
470				sequence: 'forward'
471			},
472			transition: {
473				type: 'slide',
474				easing: 'easeInOutQuart',
475				duration: 600,
476				direction: 'left'
477			}
478		},
479
480		{
481			name: 'Sliding rows to left (reverse)',
482			rows: [7,11],
483			cols: 1,
484			tile: {
485				delay: 100,
486				sequence: 'reverse'
487			},
488			transition: {
489				type: 'slide',
490				easing: 'easeInOutQuart',
491				duration: 600,
492				direction: 'left'
493			}
494		},
495
496		{
497			name: 'Sliding rows to left (random)',
498			rows: [7,11],
499			cols: 1,
500			tile: {
501				delay: 100,
502				sequence: 'random'
503			},
504			transition: {
505				type: 'slide',
506				easing: 'easeInOutQuart',
507				duration: 600,

508				direction: 'left'
509			}
510		},
511
512		{
513			name: 'Sliding rows from top to bottom (forward)',
514			rows: [7,11],
515			cols: 1,
516			tile: {
517				delay: 100,
518				sequence: 'forward'
519			},
520			transition: {
521				type: 'slide',
522				easing: 'easeInOutQuart',
523				duration: 600,
524				direction: 'bottom'
525			}
526		},
527
528		{
529			name: 'Sliding rows from top to bottom (random)',
530			rows: [7,11],
531			cols: 1,
532			tile: {
533				delay: 100,
534				sequence: 'random'
535			},
536			transition: {
537				type: 'slide',
538				easing: 'easeInOutQuart',
539				duration: 600,
540				direction: 'bottom'
541			}
542		},
543
544		{
545			name: 'Sliding rows from bottom to top (reverse)',
546			rows: [7,11],
547			cols: 1,
548			tile: {
549				delay: 100,
550				sequence: 'reverse'
551			},
552			transition: {
553				type: 'slide',
554				easing: 'easeInOutQuart',
555				duration: 600,
556				direction: 'top'
557			}
558		},
559
560		{
561			name: 'Sliding rows from bottom to top (random)',
562			rows: [7,11],
563			cols: 1,
564			tile: {
565				delay: 100,
566				sequence: 'random'
567			},
568			transition: {
569				type: 'slide',
570				easing: 'easeInOutQuart',
571				duration: 600,
572				direction: 'top'
573			}
574		},
575
576	/* Sliding transitions: columns */
577
578		{
579			name: 'Sliding columns to bottom (forward)',
580			rows: 1,
581			cols: [12,16],
582			tile: {
583				delay: 75,
584				sequence: 'forward'
585			},
586			transition: {
587				type: 'slide',
588				easing: 'easeInOutQuart',
589				duration: 600,
590				direction: 'bottom'
591			}
592		},
593
594		{
595			name: 'Sliding columns to bottom (reverse)',
596			rows: 1,
597			cols: [12,16],
598			tile: {
599				delay: 75,
600				sequence: 'reverse'
601			},
602			transition: {
603				type: 'slide',
604				easing: 'easeInOutQuart',
605				duration: 600,
606				direction: 'bottom'
607			}
608		},
609
610		{
611			name: 'Sliding columns to bottom (random)',
612			rows: 1,
613			cols: [12,16],
614			tile: {
615				delay: 75,
616				sequence: 'random'
617			},
618			transition: {
619				type: 'slide',
620				easing: 'easeInOutQuart',
621				duration: 600,
622				direction: 'bottom'
623			}
624		},
625
626		{
627			name: 'Sliding columns to top (forward)',
628			rows: 1,
629			cols: [12,16],
630			tile: {
631				delay: 75,
632				sequence: 'forward'
633			},
634			transition: {
635				type: 'slide',
636				easing: 'easeInOutQuart',
637				duration: 600,
638				direction: 'top'
639			}
640		},
641
642		{
643			name: 'Sliding columns to top (reverse)',
644			rows: 1,
645			cols: [12,16],
646			tile: {
647				delay: 75,
648				sequence: 'reverse'
649			},
650			transition: {
651				type: 'slide',
652				easing: 'easeInOutQuart',
653				duration: 600,
654				direction: 'top'
655			}
656		},
657
658		{
659			name: 'Sliding columns to top (random)',
660			rows: 1,
661			cols: [12,16],
662			tile: {
663				delay: 75,
664				sequence: 'random'
665			},
666			transition: {
667				type: 'slide',
668				easing: 'easeInOutQuart',
669				duration: 600,
670				direction: 'top'
671			}
672		},
673
674		{
675			name: 'Sliding columns from left to right (forward)',
676			rows: 1,
677			cols: [12,16],
678			tile: {
679				delay: 75,
680				sequence: 'forward'
681			},
682			transition: {
683				type: 'slide',
684				easing: 'easeInOutQuart',
685				duration: 600,
686				direction: 'right'
687			}
688		},
689
690		{
691			name: 'Sliding columns from left to right (random)',
692			rows: 1,
693			cols: [12,16],
694			tile: {
695				delay: 75,
696				sequence: 'random'
697			},
698			transition: {
699				type: 'slide',
700				easing: 'easeInOutQuart',
701				duration: 600,
702				direction: 'right'
703			}
704		},
705
706		{
707			name: 'Sliding columns from right to left (reverse)',
708			rows: 1,
709			cols: [12,16],
710			tile: {
711				delay: 75,
712				sequence: 'reverse'
713			},
714			transition: {
715				type: 'slide',
716				easing: 'easeInOutQuart',
717				duration: 600,
718				direction: 'left'
719			}
720		},
721
722		{
723			name: 'Sliding columns from right to left (random)',
724			rows: 1,
725			cols: [12,16],
726			tile: {
727				delay: 75,
728				sequence: 'random'
729			},
730			transition: {
731				type: 'slide',
732				easing: 'easeInOutQuart',
733				duration: 600,
734				direction: 'left'
735			}
736		},
737
738	/* Fading and sliding transitions: tiles */
739
740		{
741			name: 'Fading and sliding tiles to right (random)',
742			rows: [2,4],
743			cols: [4,7],
744			tile: {
745				delay: 50,
746				sequence: 'random'
747			},
748			transition: {
749				type: 'mixed',
750				easing: 'easeOutQuart',
751				duration: 500,
752				direction: 'right'
753			}
754		},
755
756		{
757			name: 'Fading and sliding tiles to left (random)',
758			rows: [2,4],
759			cols: [4,7],
760			tile: {
761				delay: 50,
762				sequence: 'random'
763			},
764			transition: {
765				type: 'mixed',
766				easing: 'easeOutQuart',
767				duration: 500,
768				direction: 'left'
769			}
770		},
771
772		{
773			name: 'Fading and sliding tiles to bottom (random)',
774			rows: [2,4],
775			cols: [4,7],
776			tile: {
777				delay: 50,
778				sequence: 'random'
779			},
780			transition: {
781				type: 'mixed',
782				easing: 'easeOutQuart',
783				duration: 500,
784				direction: 'bottom'
785			}
786		},
787
788		{
789			name: 'Fading and sliding tiles to top (random)',
790			rows: [2,4],
791			cols: [4,7],
792			tile: {
793				delay: 50,
794				sequence: 'random'
795			},
796			transition: {
797				type: 'mixed',
798				easing: 'easeOutQuart',
799				duration: 500,
800				direction: 'top'
801			}
802		},
803
804		{
805			name: 'Fading and sliding random tiles to random directions',
806			rows: [2,4],
807			cols: [4,7],
808			tile: {
809				delay: 50,
810				sequence: 'random'
811			},
812			transition: {
813				type: 'mixed',
814				easing: 'easeOutQuart',
815				duration: 500,
816				direction: 'random'
817			}
818		},
819
820		{
821			name: 'Fading and sliding tiles from top-left (forward)',
822			rows: [2,4],
823			cols: [4,7],
824			tile: {
825				delay: 50,
826				sequence: 'forward'
827			},
828			transition: {
829				type: 'mixed',
830				easing: 'easeOutQuart',
831				duration: 500,
832				direction: 'topleft'
833			}
834		},
835
836		{
837			name: 'Fading and sliding tiles from bottom-right (reverse)',
838			rows: [2,4],
839			cols: [4,7],
840			tile: {
841				delay: 50,
842				sequence: 'reverse'
843			},
844			transition: {
845				type: 'mixed',
846				easing: 'easeOutQuart',
847				duration: 500,
848				direction: 'bottomright'
849			}
850		},
851
852		{
853			name: 'Fading and sliding tiles from top-right (random)',
854			rows: [2,4],
855			cols: [4,7],
856			tile: {
857				delay: 50,
858				sequence: 'random'
859			},
860			transition: {
861				type: 'mixed',
862				easing: 'easeOutQuart',
863				duration: 500,
864				direction: 'topright'
865			}
866		},
867
868		{
869			name: 'Fading and sliding tiles from bottom-left (random)',
870			rows: [2,4],
871			cols: [4,7],
872			tile: {
873				delay: 50,
874				sequence: 'random'
875			},
876			transition: {
877				type: 'mixed',
878				easing: 'easeOutQuart',
879				duration: 500,
880				direction: 'bottomleft'
881			}
882		},
883
884	/* Fading and sliding transitions: rows */
885
886		{
887			name: 'Fading and sliding rows to right (forward)',
888			rows: [7,11],
889			cols: 1,
890			tile: {
891				delay: 100,
892				sequence: 'forward'
893			},
894			transition: {
895				type: 'mixed',
896				easing: 'easeInOutQuart',
897				duration: 600,

898				direction: 'right'
899			}
900		},
901
902		{
903			name: 'Fading and sliding rows to right (reverse)',
904			rows: [7,11],
905			cols: 1,
906			tile: {
907				delay: 100,
908				sequence: 'reverse'
909			},
910			transition: {
911				type: 'mixed',
912				easing: 'easeInOutQuart',
913				duration: 600,
914				direction: 'right'
915			}
916		},
917
918		{
919			name: 'Fading and sliding rows to right (random)',
920			rows: [7,11],
921			cols: 1,
922			tile: {
923				delay: 100,
924				sequence: 'random'
925			},
926			transition: {
927				type: 'mixed',
928				easing: 'easeInOutQuart',
929				duration: 600,
930				direction: 'right'
931			}
932		},
933
934		{
935			name: 'Fading and sliding rows to left (forward)',
936			rows: [7,11],
937			cols: 1,
938			tile: {
939				delay: 100,
940				sequence: 'forward'
941			},
942			transition: {
943				type: 'mixed',
944				easing: 'easeInOutQuart',
945				duration: 600,
946				direction: 'left'
947			}
948		},
949
950		{
951			name: 'Fading and sliding rows to left (reverse)',
952			rows: [7,11],
953			cols: 1,
954			tile: {
955				delay: 100,
956				sequence: 'reverse'
957			},
958			transition: {
959				type: 'mixed',
960				easing: 'easeInOutQuart',
961				duration: 600,
962				direction: 'left'
963			}
964		},
965
966		{
967			name: 'Fading and sliding rows to left (random)',
968			rows: [7,11],
969			cols: 1,
970			tile: {
971				delay: 100,
972				sequence: 'random'
973			},
974			transition: {
975				type: 'mixed',
976				easing: 'easeInOutQuart',
977				duration: 600,
978				direction: 'left'
979			}
980		},
981
982		{
983			name: 'Fading and sliding rows from top to bottom (forward)',
984			rows: [7,11],
985			cols: 1,
986			tile: {
987				delay: 100,
988				sequence: 'forward'
989			},
990			transition: {
991				type: 'mixed',
992				easing: 'easeInOutQuart',
993				duration: 600,
994				direction: 'bottom'
995			}
996		},
997
998		{
999			name: 'Fading and sliding rows from top to bottom (random)',
1000			rows: [7,11],
1001			cols: 1,
1002			tile: {
1003				delay: 100,
1004				sequence: 'random'
1005			},
1006			transition: {
1007				type: 'mixed',
1008				easing: 'easeInOutQuart',
1009				duration: 600,
1010				direction: 'bottom'
1011			}
1012		},
1013
1014		{
1015			name: 'Fading and sliding rows from bottom to top (reverse)',
1016			rows: [7,11],
1017			cols: 1,
1018			tile: {
1019				delay: 100,
1020				sequence: 'reverse'
1021			},
1022			transition: {
1023				type: 'mixed',
1024				easing: 'easeInOutQuart',
1025				duration: 600,
1026				direction: 'top'
1027			}
1028		},
1029
1030		{
1031			name: 'Fading and sliding rows from bottom to top (random)',
1032			rows: [7,11],
1033			cols: 1,
1034			tile: {
1035				delay: 100,
1036				sequence: 'random'
1037			},
1038			transition: {
1039				type: 'mixed',
1040				easing: 'easeInOutQuart',
1041				duration: 600,
1042				direction: 'top'
1043			}
1044		},
1045
1046	/* Fading and sliding transitions: columns */
1047
1048		{
1049			name: 'Fading and sliding columns to bottom (forward)',
1050			rows: 1,
1051			cols: [12,16],
1052			tile: {
1053				delay: 75,
1054				sequence: 'forward'
1055			},
1056			transition: {
1057				type: 'mixed',
1058				easing: 'easeInOutQuart',
1059				duration: 600,
1060				direction: 'bottom'
1061			}
1062		},
1063
1064		{
1065			name: 'Fading and sliding columns to bottom (reverse)',
1066			rows: 1,
1067			cols: [12,16],
1068			tile: {
1069				delay: 75,
1070				sequence: 'reverse'
1071			},
1072			transition: {
1073				type: 'mixed',
1074				easing: 'easeInOutQuart',
1075				duration: 600,
1076				direction: 'bottom'
1077			}
1078		},
1079
1080		{
1081			name: 'Fading and sliding columns to bottom (random)',
1082			rows: 1,
1083			cols: [12,16],
1084			tile: {
1085				delay: 75,
1086				sequence: 'random'
1087			},
1088			transition: {
1089				type: 'mixed',
1090				easing: 'easeInOutQuart',
1091				duration: 600,
1092				direction: 'bottom'
1093			}
1094		},
1095
1096		{
1097			name: 'Fading and sliding columns to top (forward)',
1098			rows: 1,
1099			cols: [12,16],
1100			tile: {
1101				delay: 75,
1102				sequence: 'forward'
1103			},
1104			transition: {
1105				type: 'mixed',
1106				easing: 'easeInOutQuart',
1107				duration: 600,
1108				direction: 'top'
1109			}
1110		},
1111
1112		{
1113			name: 'Fading and sliding columns to top (reverse)',
1114			rows: 1,
1115			cols: [12,16],
1116			tile: {
1117				delay: 75,
1118				sequence: 'reverse'
1119			},
1120			transition: {
1121				type: 'mixed',
1122				easing: 'easeInOutQuart',
1123				duration: 600,
1124				direction: 'top'
1125			}
1126		},
1127
1128		{
1129			name: 'Fading and sliding columns to top (random)',
1130			rows: 1,
1131			cols: [12,16],
1132			tile: {
1133				delay: 75,
1134				sequence: 'random'
1135			},
1136			transition: {
1137				type: 'mixed',
1138				easing: 'easeInOutQuart',
1139				duration: 600,
1140				direction: 'top'
1141			}
1142		},
1143
1144		{
1145			name: 'Fading and sliding columns from left to right (forward)',
1146			rows: 1,
1147			cols: [12,16],
1148			tile: {
1149				delay: 75,
1150				sequence: 'forward'
1151			},
1152			transition: {
1153				type: 'mixed',
1154				easing: 'easeInOutQuart',
1155				duration: 600,

1156				direction: 'right'
1157			}
1158		},
1159
1160		{
1161			name: 'Fading and sliding columns from left to right (random)',
1162			rows: 1,
1163			cols: [12,16],
1164			tile: {
1165				delay: 75,
1166				sequence: 'random'
1167			},
1168			transition: {
1169				type: 'mixed',
1170				easing: 'easeInOutQuart',
1171				duration: 600,
1172				direction: 'right'
1173			}
1174		},
1175
1176		{
1177			name: 'Fading and sliding columns from right to left (reverse)',
1178			rows: 1,
1179			cols: [12,16],
1180			tile: {
1181				delay: 75,
1182				sequence: 'reverse'
1183			},
1184			transition: {
1185				type: 'mixed',
1186				easing: 'easeInOutQuart',
1187				duration: 600,
1188				direction: 'left'
1189			}
1190		},
1191
1192		{
1193			name: 'Fading and sliding columns from right to left (random)',
1194			rows: 1,
1195			cols: [12,16],
1196			tile: {
1197				delay: 75,
1198				sequence: 'random'
1199			},
1200			transition: {
1201				type: 'mixed',
1202				easing: 'easeInOutQuart',
1203				duration: 600,
1204				direction: 'left'
1205			}
1206		},
1207
1208		// IMPROVEMENT v4.5.0 added new 2D transitions with rotate and / or scale
1209
1210		{
1211			name: 'Carousel',
1212			rows: 1,
1213			cols: 1,
1214			tile: {
1215				delay: 0,
1216				sequence: 'forward'
1217			},
1218			transition: {
1219				type: 'mixed',
1220				easing: 'easeInOutQuad',
1221				duration: 750,
1222				direction: 'left',
1223				scale: 0.5
1224			}
1225		},
1226
1227		{
1228			name: 'Carousel rows',
1229			rows: 4,
1230			cols: 1,
1231			tile: {
1232				delay: 50,
1233				sequence: 'forward'
1234			},
1235			transition: {
1236				type: 'mixed',
1237				easing: 'easeInOutQuad',
1238				duration: 750,
1239				direction: 'left',
1240				scale: 0.5
1241			}
1242		},
1243
1244		{
1245			name: 'Carousel cols',
1246			rows: 1,
1247			cols: 4,
1248			tile: {
1249				delay: 50,
1250				sequence: 'forward'
1251			},
1252			transition: {
1253				type: 'mixed',
1254				easing: 'easeInOutQuad',
1255				duration: 750,
1256				direction: 'left',
1257				scale: 0.5
1258			}
1259		},
1260
1261		{
1262			name: 'Carousel tiles horizontal',
1263			rows: 3,
1264			cols: 4,
1265			tile: {
1266				delay: 35,
1267				sequence: 'forward'
1268			},
1269			transition: {
1270				type: 'mixed',
1271				easing: 'easeInOutQuad',
1272				duration: 750,
1273				direction: 'left',
1274				scale: 0.5,
1275				rotateY: 90
1276			}
1277		},
1278
1279		{
1280			name: 'Carousel tiles vertical',
1281			rows: 3,
1282			cols: 4,
1283			tile: {
1284				delay: 35,
1285				sequence: 'forward'
1286			},
1287			transition: {
1288				type: 'mixed',
1289				easing: 'easeInOutQuad',
1290				duration: 750,
1291				direction: 'top',
1292				scale: 0.5,
1293				rotateX: -90
1294			}
1295		},
1296
1297		{
1298			name: 'Carousel-mirror tiles horizontal',
1299			rows: 3,
1300			cols: 4,
1301			tile: {
1302				delay: 15,
1303				sequence: 'forward'
1304			},
1305			transition: {
1306				type: 'mixed',
1307				easing: 'easeInOutQuad',
1308				duration: 750,
1309				direction: 'left',
1310				scale: 0.5,
1311				rotateY: 90
1312			}
1313		},
1314
1315		{
1316			name: 'Carousel-mirror tiles vertical',
1317			rows: 3,
1318			cols: 4,
1319			tile: {
1320				delay: 15,
1321				sequence: 'forward'
1322			},
1323			transition: {
1324				type: 'mixed',
1325				easing: 'easeInOutQuad',
1326				duration: 750,
1327				direction: 'top',
1328				scale: 0.5,
1329				rotateX: -90
1330			}
1331		},
1332		{
1333			name: 'Carousel mirror rows',
1334			rows: 4,
1335			cols: 1,
1336			tile: {
1337				delay: 50,
1338				sequence: 'forward'
1339			},
1340			transition: {
1341				type: 'mixed',
1342				easing: 'easeInOutQuad',
1343				duration: 750,
1344				direction: 'right',
1345				scale: 0.5
1346			}
1347		},
1348
1349		{
1350			name: 'Carousel mirror cols',
1351			rows: 1,
1352			cols: 4,
1353			tile: {
1354				delay: 50,
1355				sequence: 'forward'
1356			},
1357			transition: {
1358				type: 'mixed',
1359				easing: 'easeInOutQuad',
1360				duration: 750,
1361				direction: 'left',
1362				scale: 0.5
1363			}
1364		},
1365
1366		{
1367			name: 'Turning tile from left',
1368			rows: 1,
1369			cols: 1,
1370			tile: {
1371				delay: 0,
1372				sequence: 'forward'
1373			},
1374			transition: {
1375				type: 'slide',
1376				easing: 'easeOutQuart',
1377				duration: 750,
1378				direction: 'right',
1379				rotateY: 90
1380			}
1381		},
1382
1383		{
1384			name: 'Turning tile from right',
1385			rows: 1,
1386			cols: 1,
1387			tile: {
1388				delay: 0,
1389				sequence: 'forward'
1390			},
1391			transition: {
1392				type: 'slide',
1393				easing: 'easeOutQuart',
1394				duration: 750,
1395				direction: 'left',
1396				rotateY: -90
1397			}
1398		},
1399
1400		{
1401			name: 'Turning tile from top',
1402			rows: 1,
1403			cols: 1,
1404			tile: {
1405				delay: 0,
1406				sequence: 'forward'
1407			},
1408			transition: {
1409				type: 'slide',
1410				easing: 'easeOutQuart',
1411				duration: 750,
1412				direction: 'bottom',
1413				rotateX: -90
1414			}
1415		},
1416
1417		{
1418			name: 'Turning tile from bottom',
1419			rows: 1,
1420			cols: 1,
1421			tile: {
1422				delay: 0,
1423				sequence: 'forward'
1424			},
1425			transition: {
1426				type: 'slide',
1427				easing: 'easeOutQuart',
1428				duration: 750,
1429				direction: 'top',
1430				rotateX: 90
1431			}
1432		},
1433
1434		{
1435			name: 'Turning tiles from left',
1436			rows: [3,4],
1437			cols: [3,4],
1438			tile: {
1439				delay: 55,
1440				sequence: 'forward'
1441			},
1442			transition: {
1443				type: 'fade',
1444				easing: 'easeOutQuart',
1445				duration: 750,
1446				direction: 'left',
1447				rotateY: 90
1448			}
1449		},
1450
1451		{
1452			name: 'Turning tiles from right',
1453			rows: [3,4],
1454			cols: [3,4],
1455			tile: {
1456				delay: 55,
1457				sequence: 'reverse'
1458			},
1459			transition: {
1460				type: 'fade',
1461				easing: 'easeOutQuart',
1462				duration: 750,
1463				direction: 'left',
1464				rotateY: -90
1465			}
1466		},
1467
1468		{
1469			name: 'Turning tiles from top',
1470			rows: [3,4],
1471			cols: [3,4],
1472			tile: {
1473				delay: 55,
1474				sequence: 'forward'
1475			},
1476			transition: {
1477				type: 'fade',
1478				easing: 'easeOutQuart',
1479				duration: 750,
1480				direction: 'left',
1481				rotateX: -90
1482			}
1483		},
1484
1485		{
1486			name: 'Turning tiles from bottom',
1487			rows: [3,4],
1488			cols: [3,4],
1489			tile: {
1490				delay: 55,
1491				sequence: 'reverse'
1492			},
1493			transition: {
1494				type: 'fade',
1495				easing: 'easeOutQuart',
1496				duration: 750,
1497				direction: 'left',
1498				rotateX: 90
1499			}
1500		},
1501
1502		{
1503			name: 'Turning rows from top',
1504			rows: [6,12],

1505			cols: 1,
1506			tile: {
1507				delay: 55,
1508				sequence: 'forward'
1509			},
1510			transition: {
1511				type: 'fade',
1512				easing: 'easeOutQuart',
1513				duration: 750,
1514				direction: 'left',
1515				rotateX: 90
1516			}
1517		},
1518
1519		{
1520			name: 'Turning rows from bottom',
1521			rows: [6,12],
1522			cols: 1,
1523			tile: {
1524				delay: 55,
1525				sequence: 'reverse'
1526			},
1527			transition: {
1528				type: 'fade',
1529				easing: 'easeOutQuart',
1530				duration: 750,
1531				direction: 'left',
1532				rotateX: -90
1533			}
1534		},
1535
1536		{
1537			name: 'Turning cols from left',
1538			rows: 1,
1539			cols: [6,12],
1540			tile: {
1541				delay: 55,
1542				sequence: 'forward'
1543			},
1544			transition: {
1545				type: 'fade',
1546				easing: 'easeOutQuart',
1547				duration: 750,
1548				direction: 'left',
1549				rotateY: -90
1550			}
1551		},
1552
1553		{
1554			name: 'Turning cols from right',
1555			rows: 1,
1556			cols: [6,12],
1557			tile: {
1558				delay: 55,
1559				sequence: 'reverse'
1560			},
1561			transition: {
1562				type: 'fade',
1563				easing: 'easeOutQuart',
1564				duration: 750,
1565				direction: 'left',
1566				rotateY: 90
1567			}
1568		},
1569
1570		{
1571			name: 'Flying rows from left',
1572			rows: [3,10],
1573			cols: 1,
1574			tile: {
1575				delay: 55,
1576				sequence: 'forward'
1577			},
1578			transition: {
1579				type: 'fade',
1580				easing: 'easeOutQuart',
1581				duration: 750,
1582				direction: 'left',
1583				rotateY: 90
1584			}
1585		},
1586
1587		{
1588			name: 'Flying rows from right',
1589			rows: [3,10],
1590			cols: 1,
1591			tile: {
1592				delay: 55,
1593				sequence: 'reverse'
1594			},
1595			transition: {
1596				type: 'fade',
1597				easing: 'easeOutQuart',
1598				duration: 750,
1599				direction: 'left',
1600				rotateY: -90
1601			}
1602		},
1603
1604		{
1605			name: 'Flying cols from top',
1606			rows: 1,
1607			cols: [3,10],
1608			tile: {
1609				delay: 55,
1610				sequence: 'forward'
1611			},
1612			transition: {
1613				type: 'fade',
1614				easing: 'easeOutQuart',
1615				duration: 750,
1616				direction: 'left',
1617				rotateX: -90
1618			}
1619		},
1620
1621		{
1622			name: 'Flying cols from bottom',
1623			rows: 1,
1624			cols: [3,10],
1625			tile: {
1626				delay: 55,
1627				sequence: 'reverse'
1628			},
1629			transition: {
1630				type: 'fade',
1631				easing: 'easeOutQuart',
1632				duration: 750,
1633				direction: 'left',
1634				rotateX: 90
1635			}
1636		},
1637
1638		{
1639			name: 'Flying and rotating tile from left',
1640			rows: 1,
1641			cols: 1,
1642			tile: {
1643				delay: 75,
1644				sequence: 'forward'
1645			},
1646			transition: {
1647				type: 'mixed',
1648				easing: 'easeOutQuart',
1649				duration: 750,
1650				direction: 'right',
1651				scale: 0.1,
1652				rotate: -90,
1653				rotateY: 90
1654			}
1655		},
1656
1657		{
1658			name: 'Flying and rotating tile from right',
1659			rows: 1,
1660			cols: 1,
1661			tile: {
1662				delay: 75,
1663				sequence: 'forward'
1664			},
1665			transition: {
1666				type: 'mixed',
1667				easing: 'easeOutQuart',
1668				duration: 750,
1669				direction: 'left',
1670				scale: 0.1,
1671				rotate: 90,
1672				rotateY: -90
1673			}
1674		},
1675
1676		{
1677			name: 'Flying and rotating tiles from left',
1678			rows: [3,4],
1679			cols: [3,4],
1680			tile: {
1681				delay: 55,
1682				sequence: 'forward'
1683			},
1684			transition: {
1685				type: 'mixed',
1686				easing: 'easeOutQuart',
1687				duration: 750,
1688				direction: 'right',
1689				rotate: -45
1690			}
1691		},
1692
1693		{
1694			name: 'Flying and rotating tiles from right',
1695			rows: [3,4],
1696			cols: [3,4],
1697			tile: {
1698				delay: 55,
1699				sequence: 'forward'
1700			},
1701			transition: {
1702				type: 'mixed',
1703				easing: 'easeOutQuart',
1704				duration: 750,
1705				direction: 'left',
1706				rotate: -45
1707			}
1708		},
1709
1710		{
1711			name: 'Flying and rotating tiles from random',
1712			rows: [3,4],
1713			cols: [3,4],
1714			tile: {
1715				delay: 55,
1716				sequence: 'random'
1717			},
1718			transition: {
1719				type: 'mixed',
1720				easing: 'easeOutQuart',
1721				duration: 750,
1722				direction: 'random',
1723				rotate: -45
1724			}
1725		},
1726
1727		{
1728			name: 'Scaling tile in',
1729			rows: 1,
1730			cols: 1,
1731			tile: {
1732				delay: 0,
1733				sequence: 'forward'
1734			},
1735			transition: {
1736				type: 'fade',
1737				easing: 'easeOutQuart',
1738				duration: 1500,
1739				direction: 'left',
1740				scale: 0.8
1741			}
1742		},
1743
1744		{
1745			name: 'Scaling tile from out',
1746			rows: 1,
1747			cols: 1,
1748			tile: {
1749				delay: 0,
1750				sequence: 'forward'
1751			},
1752			transition: {
1753				type: 'fade',
1754				easing: 'easeInOutQuart',
1755				duration: 1500,
1756				direction: 'left',
1757				scale: 1.2
1758			}
1759		},
1760
1761		{
1762			name: 'Scaling tiles random',
1763			rows: [3,4],
1764			cols: [3,4],
1765			tile: {
1766				delay: 35,
1767				sequence: 'random'
1768			},
1769			transition: {
1770				type: 'fade',
1771				easing: 'easeOutQuart',
1772				duration: 750,
1773				direction: 'left',
1774				scale: 0.1
1775			}
1776		},
1777
1778		{
1779			name: 'Scaling tiles from out random',
1780			rows: [3,4],
1781			cols: [3,4],
1782			tile: {
1783				delay: 35,
1784				sequence: 'random'
1785			},
1786			transition: {
1787				type: 'fade',
1788				easing: 'easeOutQuart',
1789				duration: 750,
1790				direction: 'left',
1791				scale: 2
1792			}
1793		},
1794
1795		{
1796			name: 'Scaling in and rotating tiles random',
1797			rows: [3,4],
1798			cols: [3,4],
1799			tile: {
1800				delay: 35,
1801				sequence: 'random'
1802			},
1803			transition: {
1804				type: 'fade',
1805				easing: 'easeOutQuart',
1806				duration: 750,
1807				direction: 'left',
1808				scale: 0.1,
1809				rotate: 90
1810			}
1811		},
1812
1813		{
1814			name: 'Scaling and rotating tiles from out random',
1815			rows: [3,4],
1816			cols: [3,4],
1817			tile: {
1818				delay: 35,
1819				sequence: 'random'
1820			},
1821			transition: {
1822				type: 'fade',
1823				easing: 'easeOutQuart',
1824				duration: 750,
1825				direction: 'left',
1826				scale: 2,
1827				rotate: -90
1828			}
1829		},
1830
1831		{
1832			name: 'Mirror-sliding tiles diagonal',
1833			rows: 3,
1834			cols: 4,
1835			tile: {
1836				delay: 15,
1837				sequence: 'forward'
1838			},
1839			transition: {
1840				type: 'slide',
1841				easing: 'easeInOutQuart',
1842				duration: 850,
1843				direction: 'topright'
1844			}
1845		},
1846
1847		{
1848			name: 'Mirror-sliding rows horizontal',
1849			rows: 6,
1850			cols: 1,
1851			tile: {
1852				delay: 0,
1853				sequence: 'forward'
1854			},
1855			transition: {
1856				type: 'mixed',
1857				easing: 'easeOutQuart',
1858				duration: 750,
1859				direction: 'left'
1860			}
1861		},
1862
1863		{
1864			name: 'Mirror-sliding rows vertical',
1865			rows: 6,
1866			cols: 1,
1867			tile: {
1868				delay: 0,
1869				sequence: 'forward'
1870			},
1871			transition: {
1872				type: 'mixed',
1873				easing: 'easeOutQuart',
1874				duration: 750,
1875				direction: 'top'
1876			}
1877		},
1878
1879		{
1880			name: 'Mirror-sliding cols horizontal',
1881			rows: 1,
1882			cols: 8,
1883			tile: {
1884				delay: 0,
1885				sequence: 'forward'
1886			},
1887			transition: {
1888				type: 'mixed',
1889				easing: 'easeOutQuart',
1890				duration: 750,
1891				direction: 'left'
1892			}
1893		},
1894
1895		{
1896			name: 'Mirror-sliding cols vertical',
1897			rows: 1,
1898			cols: 8,
1899			tile: {
1900				delay: 0,
1901				sequence: 'forward'
1902			},
1903			transition: {
1904				type: 'mixed',
1905				easing: 'easeOutQuart',
1906				duration: 750,
1907				direction: 'top'
1908			}
1909		},
1910
1911		{
1912			name: 'Sliding rows to right (glitch)',
1913			rows: 10,

1914			cols: 1,
1915			tile: {
1916				delay: 10,
1917				sequence: 'random'
1918			},
1919			transition: {
1920				type: 'slide',
1921				easing: 'easeInOutQuart',
1922				duration: 1500,
1923				direction: 'right'
1924			}
1925		},
1926
1927		{
1928			name: 'Sliding rows to left (glitch)',
1929			rows: 10,
1930			cols: 1,
1931			tile: {
1932				delay: 10,
1933				sequence: 'random'
1934			},
1935			transition: {
1936				type: 'slide',
1937				easing: 'easeInOutQuart',
1938				duration: 1500,
1939				direction: 'left'
1940			}
1941		},
1942
1943		{
1944			name: 'Sliding columns to bottom (glitch)',
1945			rows: 1,
1946			cols: 15,
1947			tile: {
1948				delay: 8,
1949				sequence: 'random'
1950			},
1951			transition: {
1952				type: 'slide',
1953				easing: 'easeInOutQuart',
1954				duration: 1500,
1955				direction: 'bottom'
1956			}
1957		},
1958
1959		{
1960			name: 'Sliding columns to top (glitch)',
1961			rows: 1,
1962			cols: 15,
1963			tile: {
1964				delay: 8,
1965				sequence: 'random'
1966			},
1967			transition: {
1968				type: 'slide',
1969				easing: 'easeInOutQuart',
1970				duration: 1500,
1971				direction: 'top'
1972			}
1973		}
1974	],
1975
1976	/* 3D Transitions */
1977
1978	t3d: [
1979
1980/*
1981		{
1982			name: 'Custom 3D transition',	// Name of the transition
1983			rows: [2,4],					// Number or [minimum,maximum] numbers of rows
1984			cols: [4,7],					// Number or [minimum,maximum] numbers of columns
1985			tile: {
1986				delay: 75,					// Delay of tiles relative to each other in msec
1987				sequence: 'forward'		// Sequence of the tile transition, can be: 'forward', 'reverse', 'col-forward', 'col-reverse' or 'random'
1988			},
1989											// Before animation - not required!
1990			before: {
1991				transition: {
1992					scale3d: 0.95			// Transitions, can be: scale3d, rotateX, rotateY
1993				},
1994				duration: 450,				// Duration of the tile transition in msec
1995				easing: 'easeInOutQuint'	// Easing of the tile transition
1996			},
1997											// Animation - required!
1998			animation: {
1999				transition: {
2000					rotateY: 180			// Transitions, can be: scale3d, rotateX, rotateY
2001				},
2002				duration: 1000,			// Duration of the tile transition in msec
2003				easing: 'easeInOutBack',	// Easing of the tile transition
2004				direction: 'horizontal'
2005			},
2006											// After animation - not required!
2007			after: {
2008				duration: 350,				// Duration of the tile transition in msec
2009				easing: 'easeInOutBack'	// Easing of the tile transition
2010			}
2011		},
2012*/
2013
2014	// Spinning transitions (180deg, thin depth);
2015
2016		{
2017			name: 'Spinning tile to right (180°)',
2018			rows: 1,
2019			cols: 1,
2020			tile: {
2021				delay: 75,
2022				sequence: 'forward'
2023			},
2024			animation: {
2025				transition: {
2026					rotateY: 91
2027				},
2028				easing: 'easeInQuart',
2029				duration: 1000,
2030				direction: 'horizontal'
2031			},
2032			after: {
2033				transition: {
2034					rotateY: 180
2035				},
2036				easing: 'easeOutQuart',
2037				duration: 1000,
2038				direction: 'horizontal'
2039			}
2040		},
2041
2042		{
2043			name: 'Spinning tile to left (180°)',
2044			rows: 1,
2045			cols: 1,
2046			tile: {
2047				delay: 75,
2048				sequence: 'forward'
2049			},
2050			animation: {
2051				transition: {
2052					rotateY: -91
2053				},
2054				easing: 'easeInQuart',
2055				duration: 1000,
2056				direction: 'horizontal'
2057			},
2058			after: {
2059				transition: {
2060					rotateY: -180
2061				},
2062				easing: 'easeOutQuart',
2063				duration: 1000,
2064				direction: 'horizontal'
2065			}
2066		},
2067
2068		{
2069			name: 'Spinning tile to bottom (180°)',
2070			rows: 1,
2071			cols: 1,
2072			tile: {
2073				delay: 75,
2074				sequence: 'forward'
2075			},
2076			animation: {
2077				transition: {
2078					rotateX: -91
2079				},
2080				easing: 'easeInQuart',
2081				duration: 800,
2082				direction: 'vertical'
2083			},
2084			after: {
2085				transition: {
2086					rotateX: -180
2087				},
2088				easing: 'easeOutQuart',
2089				duration: 800,
2090				direction: 'vertical'
2091			}
2092		},
2093
2094		{
2095			name: 'Spinning tile to top (180°)',
2096			rows: 1,
2097			cols: 1,
2098			tile: {
2099				delay: 75,
2100				sequence: 'forward'
2101			},
2102			animation: {
2103				transition: {
2104					rotateX: 91
2105				},
2106				easing: 'easeInQuart',
2107				duration: 800,
2108				direction: 'vertical'
2109			},
2110			after: {
2111				transition: {
2112					rotateX: 180
2113				},
2114				easing: 'easeOutQuart',
2115				duration: 800,
2116				direction: 'vertical'
2117			}
2118		},
2119
2120		{
2121			name: 'Spinning tiles to right (180°)',
2122			rows: [2,4],
2123			cols: [4,7],
2124			tile: {
2125				delay: 75,
2126				sequence: 'forward'
2127			},
2128			animation: {
2129				transition: {
2130					rotateY: 180
2131				},
2132				easing: 'easeInOutQuart',
2133				duration: 1000,
2134				direction: 'horizontal'
2135			}
2136		},
2137
2138		{
2139			name: 'Spinning tiles to left (180°)',
2140			rows: [2,4],
2141			cols: [4,7],
2142			tile: {
2143				delay: 75,
2144				sequence: 'reverse'
2145			},
2146			animation: {
2147				transition: {
2148					rotateY: -180
2149				},
2150				easing: 'easeInOutQuart',
2151				duration: 1000,
2152				direction: 'horizontal'
2153			}
2154		},
2155
2156		{
2157			name: 'Spinning tiles to bottom (180°)',
2158			rows: [2,4],
2159			cols: [4,7],
2160			tile: {
2161				delay: 75,
2162				sequence: 'col-forward'
2163			},
2164			animation: {
2165				transition: {
2166					rotateX: -180
2167				},
2168				easing: 'easeInOutQuart',
2169				duration: 1000,
2170				direction: 'vertical'
2171			}
2172		},
2173
2174		{
2175			name: 'Spinning tiles to top (180°)',
2176			rows: [2,4],
2177			cols: [4,7],
2178			tile: {
2179				delay: 75,
2180				sequence: 'col-reverse'
2181			},
2182			animation: {
2183				transition: {
2184					rotateX: 180
2185				},
2186				easing: 'easeInOutQuart',
2187				duration: 1000,
2188				direction: 'vertical'
2189			}
2190		},
2191
2192		{
2193			name: 'Horizontal spinning tiles random (180°)',
2194			rows: [2,4],
2195			cols: [4,7],
2196			tile: {
2197				delay: 75,
2198				sequence: 'random'
2199			},
2200			animation: {
2201				transition: {
2202					rotateY: 180
2203				},
2204				easing: 'easeInOutQuart',
2205				duration: 1300,
2206				direction: 'horizontal'
2207			}
2208		},
2209
2210		{
2211			name: 'Vertical spinning tiles random (180°)',
2212			rows: [2,4],
2213			cols: [4,7],
2214			tile: {
2215				delay: 75,
2216				sequence: 'random'
2217			},
2218			animation: {
2219				transition: {
2220					rotateX: 180
2221				},
2222				easing: 'easeInOutQuart',
2223				duration: 1300,
2224				direction: 'vertical'
2225			}
2226		},
2227
2228		{
2229			name: 'Scaling and spinning tiles to right (180°)',
2230			rows: [2,4],
2231			cols: [4,7],
2232			tile: {
2233				delay: 75,
2234				sequence: 'forward'
2235			},
2236			before: {
2237				transition: {
2238					scale3d: 0.95
2239				},
2240				duration: 450,
2241				easing: 'easeInOutQuint'
2242			},
2243			animation: {
2244				transition: {
2245					rotateY: 180
2246				},
2247				easing: 'easeInOutBack',
2248				duration: 1000,
2249				direction: 'horizontal'
2250			},
2251			after: {
2252				duration: 350,
2253				easing: 'easeInOutBack'
2254			}
2255		},
2256
2257		{
2258			name: 'Scaling and spinning tiles to left (180°)',
2259			rows: [2,4],
2260			cols: [4,7],
2261			tile: {
2262				delay: 75,
2263				sequence: 'reverse'
2264			},
2265			before: {
2266				transition: {
2267					scale3d: 0.95
2268				},
2269				duration: 450,
2270				easing: 'easeInOutQuint'
2271			},
2272			animation: {
2273				transition: {
2274					rotateY: -180
2275				},
2276				easing: 'easeInOutBack',
2277				duration: 1000,
2278				direction: 'horizontal'
2279			},
2280			after: {
2281				duration: 350,
2282				easing: 'easeInOutBack'
2283			}
2284		},
2285
2286		{
2287			name: 'Scaling and spinning tiles to bottom (180°)',
2288			rows: [2,4],
2289			cols: [4,7],
2290			tile: {
2291				delay: 75,
2292				sequence: 'col-forward'
2293			},
2294			before: {
2295				transition: {
2296					scale3d: 0.95
2297				},
2298				duration: 450,
2299				easing: 'easeInOutQuint'
2300			},
2301			animation: {
2302				transition: {
2303					rotateX: -180
2304				},
2305				easing: 'easeInOutBack',
2306				duration: 1000,
2307				direction: 'vertical'
2308			},
2309			after: {
2310				duration: 350,
2311				easing: 'easeInOutBack'
2312			}
2313		},
2314
2315		{
2316			name: 'Scaling and spinning tiles to top (180°)',
2317			rows: [2,4],
2318			cols: [4,7],
2319			tile: {
2320				delay: 75,
2321				sequence: 'col-reverse'
2322			},
2323			before: {
2324				transition: {
2325					scale3d: 0.95
2326				},
2327				duration: 450,
2328				easing: 'easeInOutQuint'
2329			},
2330			animation: {
2331				transition: {
2332					rotateX: 180
2333				},
2334				easing: 'easeInOutBack',
2335				duration: 1000,
2336				direction: 'vertical'
2337			},
2338			after: {
2339				duration: 350,
2340				easing: 'easeInOutBack'
2341			}
2342		},
2343
2344		{
2345			name: 'Scaling and horizontal spinning tiles random (180°)',
2346			rows: [2,4],
2347			cols: [4,7],
2348			tile: {
2349				delay: 75,
2350				sequence: 'random'
2351			},
2352			before: {
2353				transition: {
2354					scale3d: 0.95, rotateX: 30
2355				},
2356				duration: 450,
2357				easing: 'easeInOutQuint'
2358			},
2359			animation: {
2360				transition: {
2361					rotateY: 180, rotateX: -30
2362				},
2363				easing: 'easeInOutBack',
2364				duration: 1300,
2365				direction: 'horizontal'
2366			},
2367			after: {
2368				transition: {
2369					rotateX: 0
2370				},
2371				duration: 350,
2372				easing: 'easeInOutBack'
2373			}
2374		},
2375
2376		{
2377			name: 'Scaling and vertical spinning tiles random (180°)',
2378			rows: [2,4],
2379			cols: [4,7],
2380			tile: {
2381				delay: 75,
2382				sequence: 'random'
2383			},
2384			before: {
2385				transition: {
2386					scale3d: 0.95, rotateY: -15
2387				},
2388				duration: 450,
2389				easing: 'easeInOutQuint'
2390			},
2391			animation: {
2392				transition: {
2393					rotateX: 180, rotateY: 15
2394				},
2395				easing: 'easeInOutBack',
2396				duration: 1300,
2397				direction: 'vertical'
2398			},
2399			after: {
2400				transition: {
2401					rotateY: 0
2402				},
2403				duration: 350,
2404				easing: 'easeInOutBack'
2405			}
2406		},
2407
2408		{
2409			name: 'Spinning rows to right (180°)',
2410			rows: [5,9],

2411			cols: 1,
2412			tile: {
2413				delay: 75,
2414				sequence: 'forward'
2415			},
2416			animation: {
2417				transition: {
2418					rotateY: 180
2419				},
2420				easing: 'easeInOutQuart',
2421				duration: 1500,
2422				direction: 'horizontal'
2423			}
2424		},
2425
2426		{
2427			name: 'Spinning rows to left (180°)',
2428			rows: [5,9],
2429			cols: 1,
2430			tile: {
2431				delay: 75,
2432				sequence: 'forward'
2433			},
2434			animation: {
2435				transition: {
2436					rotateY: -180
2437				},
2438				easing: 'easeInOutQuart',
2439				duration: 1500,
2440				direction: 'horizontal'
2441			}
2442		},
2443
2444		{
2445			name: 'Spinning rows to bottom (180°)',
2446			rows: [5,9],
2447			cols: 1,
2448			tile: {
2449				delay: 75,
2450				sequence: 'forward'
2451			},
2452			animation: {
2453				transition: {
2454					rotateX: -180
2455				},
2456				easing: 'easeInOutQuart',
2457				duration: 1000,
2458				direction: 'vertical'
2459			}
2460		},
2461
2462		{
2463			name: 'Spinning rows to top (180°)',
2464			rows: [5,9],
2465			cols: 1,
2466			tile: {
2467				delay: 75,
2468				sequence: 'reverse'
2469			},
2470			animation: {
2471				transition: {
2472					rotateX: 180
2473				},
2474				easing: 'easeInOutQuart',
2475				duration: 1000,
2476				direction: 'vertical'
2477			}
2478		},
2479
2480		{
2481			name: 'Horizontal spinning rows random (180°)',
2482			rows: [5,9],
2483			cols: 1,
2484			tile: {
2485				delay: 75,
2486				sequence: 'random'
2487			},
2488			animation: {
2489				transition: {
2490					rotateY: 180
2491				},
2492				easing: 'easeInOutQuart',
2493				duration: 1500,
2494				direction: 'horizontal'
2495			}
2496		},
2497
2498		{
2499			name: 'Vertical spinning rows random (180°)',
2500			rows: [5,9],
2501			cols: 1,
2502			tile: {
2503				delay: 75,
2504				sequence: 'random'
2505			},
2506			animation: {
2507				transition: {
2508					rotateX: -180
2509				},
2510				easing: 'easeInOutQuart',
2511				duration: 1500,
2512				direction: 'vertical'
2513			}
2514		},
2515
2516		{
2517			name: 'Vertical spinning rows random (540°)',
2518			rows: [3,7],
2519			cols: 1,
2520			tile: {
2521				delay: 150,
2522				sequence: 'random'
2523			},
2524			animation: {
2525				transition: {
2526					rotateX: -540
2527				},
2528				easing: 'easeInOutQuart',
2529				duration: 2000,
2530				direction: 'vertical'
2531			}
2532		},
2533
2534		{
2535			name: 'Scaling and spinning rows to right (180°)',
2536			rows: [5,9],
2537			cols: 1,
2538			tile: {
2539				delay: 55,
2540				sequence: 'forward'
2541			},
2542			before: {
2543				transition: {
2544					scale3d: 0.85
2545				},
2546				duration: 600,
2547				easing: 'easeOutBack'
2548			},
2549			animation: {
2550				transition: {
2551					rotateY: 180
2552				},
2553				easing: 'easeInOutBack',
2554				duration: 1200,
2555				direction: 'horizontal'
2556			},
2557			after: {
2558				transition: {
2559					delay: 200
2560				},
2561				easing: 'easeOutBack',
2562				duration: 600
2563			}
2564		},
2565
2566		{
2567			name: 'Scaling and spinning rows to left (180°)',
2568			rows: [5,9],
2569			cols: 1,
2570			tile: {
2571				delay: 55,
2572				sequence: 'reverse'
2573			},
2574			before: {
2575				transition: {
2576					scale3d: 0.85
2577				},
2578				duration: 600,
2579				easing: 'easeOutBack'
2580			},
2581			animation: {
2582				transition: {
2583					rotateY: -180
2584				},
2585				easing: 'easeInOutBack',
2586				duration: 1200,
2587				direction: 'horizontal'
2588			},
2589			after: {
2590				transition: {
2591					delay: 200
2592				},
2593				easing: 'easeOutBack',
2594				duration: 600
2595			}
2596		},
2597
2598		{
2599			name: 'Scaling and spinning rows to bottom (180°)',
2600			rows: [5,9],
2601			cols: 1,
2602			tile: {
2603				delay: 55,
2604				sequence: 'forward'
2605			},
2606			before: {
2607				transition: {
2608					scale3d: 0.85
2609				},
2610				duration: 600,
2611				easing: 'easeOutBack'
2612			},
2613			animation: {
2614				transition: {
2615					rotateX: -180
2616				},
2617				easing: 'easeInOutQuart',
2618				duration: 600,
2619				direction: 'vertical'
2620			},
2621			after: {
2622				transition: {
2623					delay: 200
2624				},
2625				easing: 'easeOutBack',
2626				duration: 600
2627			}
2628		},
2629
2630		{
2631			name: 'Scaling and spinning rows to top (180°)',
2632			rows: [5,9],
2633			cols: 1,
2634			tile: {
2635				delay: 55,
2636				sequence: 'reverse'
2637			},
2638			before: {
2639				transition: {
2640					scale3d: 0.85
2641				},
2642				duration: 600,
2643				easing: 'easeOutBack'
2644			},
2645			animation: {
2646				transition: {
2647					rotateX: 180
2648				},
2649				easing: 'easeInOutQuart',
2650				duration: 600,
2651				direction: 'vertical'
2652			},
2653			after: {
2654				transition: {
2655					delay: 200
2656				},
2657				easing: 'easeOutBack',
2658				duration: 600
2659			}
2660		},
2661
2662		{
2663			name: 'Scaling and horizontal spinning rows random (180°)',
2664			rows: [5,9],
2665			cols: 1,
2666			tile: {
2667				delay: 55,
2668				sequence: 'random'
2669			},
2670			before: {
2671				transition: {
2672					scale3d: 0.85
2673				},
2674				duration: 600,