1var layerSliderTransitions = { 2 3 /* 2D Transitions */ 4 5 t2d : [ 6 7/* 8 { 9 name : 'Custom 2D transition', // Name of the transition 10 rows : [2,4], // Number or [minimum,maximum] numbers of rows 11 cols : [4,7], // Number or [minimum,maximum] numbers of columns 12 tile : { 13 delay : 50, // Delay of tiles relative to each other in msec 14 sequence : 'forward' // Sequence of the tile transition, can be: 'forward', 'reverse', 'col-forward', 'col-reverse' or 'random' 15 }, 16 transition : { 17 type : 'slide', // Type of the transition, can be: 'slide', 'fade' or 'mixed' 18 easing : 'easeInOutQuart', // Easing of the tile transition 19 duration : 1500, // Duration of the tile transition in msec 20 direction : 'left', // Direction of the tile transition, can be: 'left', 'right', 'top', 'bottom', 'topleft', 'topright', 'bottomleft', 'bottomright' or 'random' (from the 4 main directions) 21 scale : .5, // Scale (integer, must be >= 0) 22 rotate : -90, // Rotate around the Z axis by the given degrees (2D rotation) 23 rotateX : 90, // Rotate around the X axis by the given degrees (3D rotation) 24 rotateY : 90 // Rotate around the Y axis by the given degrees (3D rotation) 25 } 26 }, 27*/ 28 29 /* Sliding transitions: full-tile */ 30 31 { 32 name : 'Sliding from right', 33 rows : 1, 34 cols : 1, 35 tile : { 36 delay : 0, 37 sequence : 'forward' 38 }, 39 transition : { 40 type : 'slide', 41 easing : 'easeInOutQuad', 42 duration : 1000, 43 direction : 'left' 44 } 45 }, 46 47 { 48 name : 'Sliding from left', 49 rows : 1, 50 cols : 1, 51 tile : { 52 delay : 0, 53 sequence : 'forward' 54 }, 55 transition : { 56 type : 'slide', 57 easing : 'easeInOutQuad', 58 duration : 1000, 59 direction : 'right' 60 } 61 }, 62 63 { 64 name : 'Sliding from bottom', 65 rows : 1, 66 cols : 1, 67 tile : { 68 delay : 0, 69 sequence : 'forward' 70 }, 71 transition : { 72 type : 'slide', 73 easing : 'easeInOutQuad', 74 duration : 1000, 75 direction : 'top' 76 } 77 }, 78 79 { 80 name : 'Sliding from top', 81 rows : 1, 82 cols : 1, 83 tile : { 84 delay : 0, 85 sequence : 'forward' 86 }, 87 transition : { 88 type : 'slide', 89 easing : 'easeInOutQuad', 90 duration : 1000, 91 direction : 'bottom' 92 } 93 }, 94 95 /* Fading transitions */ 96 97 { 98 name : 'Crossfading', 99 rows : 1, 100 cols : 1, 101 tile : { 102 delay : 0, 103 sequence : 'forward' 104 }, 105 transition : { 106 type : 'fade', 107 easing : 'easeInOutQuad', 108 duration : 1000, 109 direction : 'left' 110 } 111 }, 112 113 { 114 name : 'Fading tiles forward', 115 rows : [2,4], 116 cols : [4,7], 117 tile : { 118 delay : 30, 119 sequence : 'forward' 120 }, 121 transition : { 122 type : 'fade', 123 easing : 'easeOutQuart', 124 duration : 1000, 125 direction : 'left' 126 } 127 }, 128 129 { 130 name : 'Fading tiles reverse', 131 rows : [2,4], 132 cols : [4,7], 133 tile : { 134 delay : 30, 135 sequence : 'reverse' 136 }, 137 transition : { 138 type : 'fade', 139 easing : 'easeOutQuart', 140 duration : 1000, 141 direction : 'left' 142 } 143 }, 144 145 { 146 name : 'Fading tiles col-forward', 147 rows : [2,4], 148 cols : [4,7], 149 tile : { 150 delay : 30, 151 sequence : 'col-forward' 152 }, 153 transition : { 154 type : 'fade', 155 easing : 'easeOutQuart', 156 duration : 1000, 157 direction : 'left' 158 } 159 }, 160 161 { 162 name : 'Fading tiles col-reverse', 163 rows : [2,4], 164 cols : [4,7], 165 tile : { 166 delay : 30, 167 sequence : 'col-reverse' 168 }, 169 transition : { 170 type : 'fade', 171 easing : 'easeOutQuart', 172 duration : 1000, 173 direction : 'left' 174 } 175 }, 176 177 { 178 name : 'Fading tiles (random)', 179 rows : [2,4], 180 cols : [4,7], 181 tile : { 182 delay : 30, 183 sequence : 'random' 184 }, 185 transition : { 186 type : 'fade', 187 easing : 'easeOutQuart', 188 duration : 1000, 189 direction : 'left' 190 } 191 }, 192 193 { 194 name : 'Smooth fading from right', 195 rows : 1, 196 cols : 35, 197 tile : { 198 delay : 25, 199 sequence : 'reverse' 200 }, 201 transition : { 202 type : 'fade', 203 easing : 'linear', 204 duration : 750, 205 direction : 'left' 206 } 207 }, 208 209 { 210 name : 'Smooth fading from left', 211 rows : 1, 212 cols : 35, 213 tile : { 214 delay : 25, 215 sequence : 'forward' 216 }, 217 transition : { 218 type : 'fade', 219 easing : 'easeInOutQuart', 220 duration : 750, 221 direction : 'left' 222 } 223 }, 224 225 { 226 name : 'Smooth fading from bottom', 227 rows : 35,
228 cols : 1, 229 tile : { 230 delay : 25, 231 sequence : 'col-reverse' 232 }, 233 transition : { 234 type : 'fade', 235 easing : 'easeInOutQuart', 236 duration : 750, 237 direction : 'left' 238 } 239 }, 240 241 { 242 name : 'Smooth fading from top', 243 rows : 35, 244 cols : 1, 245 tile : { 246 delay : 25, 247 sequence : 'col-forward' 248 }, 249 transition : { 250 type : 'fade', 251 easing : 'easeInOutQuart', 252 duration : 750, 253 direction : 'left' 254 } 255 }, 256 257 /* Sliding transitions: smooth */ 258 259 { 260 name : 'Smooth sliding from right', 261 rows : 1, 262 cols : 25, 263 tile : { 264 delay : 30, 265 sequence : 'reverse' 266 }, 267 transition : { 268 type : 'slide', 269 easing : 'easeInOutQuart', 270 duration : 350, 271 direction : 'left' 272 } 273 }, 274 275 { 276 name : 'Smooth sliding from left', 277 rows : 1, 278 cols : 25, 279 tile : { 280 delay : 30, 281 sequence : 'forward' 282 }, 283 transition : { 284 type : 'slide', 285 easing : 'easeInOutQuart', 286 duration : 350, 287 direction : 'right' 288 } 289 }, 290 291 { 292 name : 'Smooth sliging from bottom', 293 rows : 25, 294 cols : 1, 295 tile : { 296 delay : 30, 297 sequence : 'col-reverse' 298 }, 299 transition : { 300 type : 'slide', 301 easing : 'easeInOutQuart', 302 duration : 350, 303 direction : 'top' 304 } 305 }, 306 307 { 308 name : 'Smooth sliding from top', 309 rows : 25, 310 cols : 1, 311 tile : { 312 delay : 30, 313 sequence : 'col-forward' 314 }, 315 transition : { 316 type : 'slide', 317 easing : 'easeInOutQuart', 318 duration : 350, 319 direction : 'bottom' 320 } 321 }, 322 323 /* Sliding transitions: tiles */ 324 325 { 326 name : 'Sliding tiles to right (random)', 327 rows : [2,4], 328 cols : [4,7], 329 tile : { 330 delay : 50, 331 sequence : 'random' 332 }, 333 transition : { 334 type : 'slide', 335 easing : 'easeOutQuart', 336 duration : 500, 337 direction : 'right' 338 } 339 }, 340 341 { 342 name : 'Sliding tiles to left (random)', 343 rows : [2,4], 344 cols : [4,7], 345 tile : { 346 delay : 50, 347 sequence : 'random' 348 }, 349 transition : { 350 type : 'slide', 351 easing : 'easeOutQuart', 352 duration : 500, 353 direction : 'left' 354 } 355 }, 356 357 { 358 name : 'Sliding tiles to bottom (random)', 359 rows : [2,4], 360 cols : [4,7], 361 tile : { 362 delay : 50, 363 sequence : 'random' 364 }, 365 transition : { 366 type : 'slide', 367 easing : 'easeOutQuart', 368 duration : 500, 369 direction : 'bottom' 370 } 371 }, 372 373 { 374 name : 'Sliding tiles to top (random)', 375 rows : [2,4], 376 cols : [4,7], 377 tile : { 378 delay : 50, 379 sequence : 'random' 380 }, 381 transition : { 382 type : 'slide', 383 easing : 'easeOutQuart', 384 duration : 500, 385 direction : 'top' 386 } 387 }, 388 389 { 390 name : 'Sliding random tiles to random directions', 391 rows : [2,4], 392 cols : [4,7], 393 tile : { 394 delay : 50, 395 sequence : 'random' 396 }, 397 transition : { 398 type : 'slide', 399 easing : 'easeOutQuart', 400 duration : 500, 401 direction : 'random' 402 } 403 }, 404 405 /* Sliding transitions: rows */ 406 407 { 408 name : 'Sliding rows to right (forward)', 409 rows : [7,11], 410 cols : 1, 411 tile : { 412 delay : 100, 413 sequence : 'forward' 414 }, 415 transition : { 416 type : 'slide', 417 easing : 'easeInOutQuart', 418 duration : 600, 419 direction : 'right' 420 } 421 }, 422 423 { 424 name : 'Sliding rows to right (reverse)', 425 rows : [7,11], 426 cols : 1, 427 tile : { 428 delay : 100, 429 sequence : 'reverse' 430 }, 431 transition : { 432 type : 'slide', 433 easing : 'easeInOutQuart', 434 duration : 600, 435 direction : 'right' 436 } 437 }, 438 439 { 440 name : 'Sliding rows to right (random)', 441 rows : [7,11], 442 cols : 1, 443 tile : { 444 delay : 100, 445 sequence : 'random' 446 }, 447 transition : { 448 type : 'slide', 449 easing : 'easeInOutQuart', 450 duration : 600, 451 direction : 'right' 452 } 453 }, 454 455 { 456 name : 'Sliding rows to left (forward)', 457 rows : [7,11], 458 cols : 1, 459 tile : { 460 delay : 100, 461 sequence : 'forward' 462 }, 463 transition : { 464 type : 'slide', 465 easing : 'easeInOutQuart', 466 duration : 600, 467 direction : 'left' 468 } 469 }, 470 471 { 472 name : 'Sliding rows to left (reverse)', 473 rows : [7,11], 474 cols : 1, 475 tile : { 476 delay : 100, 477 sequence : 'reverse' 478 }, 479 transition : { 480 type : 'slide', 481 easing : 'easeInOutQuart', 482 duration : 600, 483 direction : 'left' 484 } 485 }, 486 487 { 488 name : 'Sliding rows to left (random)', 489 rows : [7,11], 490 cols : 1, 491 tile : { 492 delay : 100, 493 sequence : 'random' 494 }, 495 transition : { 496 type : 'slide', 497 easing : 'easeInOutQuart', 498 duration : 600, 499 direction : 'left' 500 } 501 }, 502 503 { 504 name : 'Sliding rows from top to bottom (forward)', 505 rows : [7,11], 506 cols : 1, 507 tile : { 508 delay : 100, 509 sequence : 'forward' 510 }, 511 transition : { 512 type : 'slide', 513 easing : 'easeInOutQuart', 514 duration : 600, 515 direction : 'bottom' 516 } 517 }, 518 519 { 520 name : 'Sliding rows from top to bottom (random)', 521 rows : [7,11], 522 cols : 1, 523 tile : { 524 delay : 100, 525 sequence : 'random' 526 }, 527 transition : { 528 type : 'slide', 529 easing : 'easeInOutQuart', 530 duration : 600, 531 direction : 'bottom' 532 } 533 }, 534 535 { 536 name : 'Sliding rows from bottom to top (reverse)', 537 rows : [7,11], 538 cols : 1, 539 tile : { 540 delay : 100, 541 sequence : 'reverse' 542 }, 543 transition : { 544 type : 'slide', 545 easing : 'easeInOutQuart', 546 duration : 600, 547 direction : 'top' 548 } 549 }, 550 551 { 552 name : 'Sliding rows from bottom to top (random)', 553 rows : [7,11], 554 cols : 1, 555 tile : { 556 delay : 100, 557 sequence : 'random' 558 }, 559 transition : { 560 type : 'slide', 561 easing : 'easeInOutQuart', 562 duration : 600, 563 direction : 'top' 564 } 565 }, 566 567 /* Sliding transitions: columns */ 568 569 { 570 name : 'Sliding columns to bottom (forward)', 571 rows : 1, 572 cols : [12,16], 573 tile : { 574 delay : 75, 575 sequence : 'forward' 576 }, 577 transition : { 578 type : 'slide', 579 easing : 'easeInOutQuart', 580 duration : 600, 581 direction : 'bottom' 582 } 583 }, 584 585 { 586 name : 'Sliding columns to bottom (reverse)', 587 rows : 1, 588 cols : [12,16], 589 tile : { 590 delay : 75, 591 sequence : 'reverse' 592 }, 593 transition : { 594 type : 'slide', 595 easing : 'easeInOutQuart', 596 duration : 600, 597 direction : 'bottom' 598 } 599 }, 600 601 { 602 name : 'Sliding columns to bottom (random)', 603 rows : 1, 604 cols : [12,16], 605 tile : { 606 delay : 75, 607 sequence : 'random' 608 }, 609 transition : { 610 type : 'slide', 611 easing : 'easeInOutQuart', 612 duration : 600, 613 direction : 'bottom' 614 } 615 }, 616 617 { 618 name : 'Sliding columns to top (forward)', 619 rows : 1, 620 cols : [12,16], 621 tile : { 622 delay : 75, 623 sequence : 'forward' 624 }, 625 transition : { 626 type : 'slide', 627 easing : 'easeInOutQuart', 628 duration : 600, 629 direction : 'top' 630 } 631 }, 632 633 { 634 name : 'Sliding columns to top (reverse)', 635 rows : 1, 636 cols : [12,16], 637 tile : { 638 delay : 75, 639 sequence : 'reverse' 640 }, 641 transition : { 642 type : 'slide', 643 easing : 'easeInOutQuart', 644 duration : 600, 645 direction : 'top' 646 } 647 }, 648 649 { 650 name : 'Sliding columns to top (random)', 651 rows : 1, 652 cols : [12,16], 653 tile : { 654 delay : 75, 655 sequence : 'random' 656 }, 657 transition : { 658 type : 'slide', 659 easing : 'easeInOutQuart', 660 duration : 600, 661 direction : 'top' 662 } 663 }, 664 665 { 666 name : 'Sliding columns from left to right (forward)', 667 rows : 1, 668 cols : [12,16], 669 tile : { 670 delay : 75, 671 sequence : 'forward' 672 }, 673 transition : { 674 type : 'slide', 675 easing : 'easeInOutQuart', 676 duration : 600, 677 direction : 'right' 678 } 679 }, 680 681 { 682 name : 'Sliding columns from left to right (random)', 683 rows : 1, 684 cols : [12,16], 685 tile : { 686 delay : 75, 687 sequence : 'random' 688 }, 689 transition : { 690 type : 'slide', 691 easing : 'easeInOutQuart', 692 duration : 600, 693 direction : 'right' 694 } 695 }, 696 697 { 698 name : 'Sliding columns from right to left (reverse)', 699 rows : 1, 700 cols : [12,16], 701 tile : { 702 delay : 75, 703 sequence : 'reverse' 704 }, 705 transition : { 706 type : 'slide', 707 easing : 'easeInOutQuart', 708 duration : 600, 709 direction : 'left' 710 } 711 }, 712 713 { 714 name : 'Sliding columns from right to left (random)', 715 rows : 1, 716 cols : [12,16], 717 tile : { 718 delay : 75, 719 sequence : 'random' 720 }, 721 transition : { 722 type : 'slide', 723 easing : 'easeInOutQuart', 724 duration : 600, 725 direction : 'left' 726 } 727 }, 728 729 /* Fading and sliding transitions: tiles */ 730 731 { 732 name : 'Fading and sliding tiles to right (random)', 733 rows : [2,4], 734 cols : [4,7], 735 tile : { 736 delay : 50, 737 sequence : 'random' 738 }, 739 transition : { 740 type : 'mixed', 741 easing : 'easeOutQuart', 742 duration : 500, 743 direction : 'right' 744 } 745 }, 746 747 { 748 name : 'Fading and sliding tiles to left (random)', 749 rows : [2,4], 750 cols : [4,7], 751 tile : { 752 delay : 50, 753 sequence : 'random' 754 }, 755 transition : { 756 type : 'mixed', 757 easing : 'easeOutQuart', 758 duration : 500, 759 direction : 'left' 760 } 761 }, 762 763 { 764 name : 'Fading and sliding tiles to bottom (random)', 765 rows : [2,4], 766 cols : [4,7], 767 tile : { 768 delay : 50, 769 sequence : 'random' 770 }, 771 transition : { 772 type : 'mixed', 773 easing : 'easeOutQuart', 774 duration : 500, 775 direction : 'bottom' 776 } 777 }, 778 779 { 780 name : 'Fading and sliding tiles to top (random)', 781 rows : [2,4], 782 cols : [4,7], 783 tile : { 784 delay : 50, 785 sequence : 'random' 786 }, 787 transition : { 788 type : 'mixed', 789 easing : 'easeOutQuart', 790 duration : 500, 791 direction : 'top' 792 } 793 }, 794 795 { 796 name : 'Fading and sliding random tiles to random directions', 797 rows : [2,4], 798 cols : [4,7], 799 tile : { 800 delay : 50, 801 sequence : 'random' 802 }, 803 transition : { 804 type : 'mixed', 805 easing : 'easeOutQuart', 806 duration : 500, 807 direction : 'random' 808 } 809 }, 810 811 { 812 name : 'Fading and sliding tiles from top-left (forward)', 813 rows : [2,4], 814 cols : [4,7], 815 tile : { 816 delay : 50, 817 sequence : 'forward' 818 }, 819 transition : { 820 type : 'mixed', 821 easing : 'easeOutQuart', 822 duration : 500, 823 direction : 'topleft' 824 } 825 }, 826 827 { 828 name : 'Fading and sliding tiles from bottom-right (reverse)', 829 rows : [2,4], 830 cols : [4,7], 831 tile : { 832 delay : 50, 833 sequence : 'reverse' 834 }, 835 transition : { 836 type : 'mixed', 837 easing : 'easeOutQuart', 838 duration : 500, 839 direction : 'bottomright' 840 } 841 }, 842 843 { 844 name : 'Fading and sliding tiles from top-right (random)', 845 rows : [2,4], 846 cols : [4,7], 847 tile : { 848 delay : 50, 849 sequence : 'random' 850 }, 851 transition : { 852 type : 'mixed', 853 easing : 'easeOutQuart', 854 duration : 500, 855 direction : 'topright' 856 } 857 }, 858 859 { 860 name : 'Fading and sliding tiles from bottom-left (random)', 861 rows : [2,4], 862 cols : [4,7], 863 tile : { 864 delay : 50, 865 sequence : 'random' 866 }, 867 transition : { 868 type : 'mixed', 869 easing : 'easeOutQuart', 870 duration : 500, 871 direction : 'bottomleft' 872 } 873 }, 874 875 /* Fading and sliding transitions: rows */ 876 877 { 878 name : 'Fading and sliding rows to right (forward)', 879 rows : [7,11], 880 cols : 1, 881 tile : { 882 delay : 100, 883 sequence : 'forward' 884 }, 885 transition : { 886 type : 'mixed', 887 easing : 'easeInOutQuart', 888 duration : 600, 889 direction : 'right' 890 } 891 }, 892 893 { 894 name : 'Fading and sliding rows to right (reverse)', 895 rows : [7,11], 896 cols : 1, 897 tile : { 898 delay : 100, 899 sequence : 'reverse' 900 }, 901 transition : { 902 type : 'mixed', 903 easing : 'easeInOutQuart', 904 duration : 600, 905 direction : 'right' 906 } 907 }, 908 909 { 910 name : 'Fading and sliding rows to right (random)', 911 rows : [7,11], 912 cols : 1, 913 tile : { 914 delay : 100, 915 sequence : 'random' 916 }, 917 transition : { 918 type : 'mixed', 919 easing : 'easeInOutQuart', 920 duration : 600, 921 direction : 'right' 922 } 923 }, 924 925 { 926 name : 'Fading and sliding rows to left (forward)', 927 rows : [7,11], 928 cols : 1, 929 tile : { 930 delay : 100, 931 sequence : 'forward' 932 }, 933 transition : { 934 type : 'mixed', 935 easing : 'easeInOutQuart', 936 duration : 600, 937 direction : 'left' 938 } 939 }, 940 941 { 942 name : 'Fading and sliding rows to left (reverse)', 943 rows : [7,11], 944 cols : 1, 945 tile : { 946 delay : 100, 947 sequence : 'reverse' 948 }, 949 transition : { 950 type : 'mixed', 951 easing : 'easeInOutQuart', 952 duration : 600, 953 direction : 'left' 954 } 955 }, 956 957 { 958 name : 'Fading and sliding rows to left (random)', 959 rows : [7,11], 960 cols : 1, 961 tile : { 962 delay : 100, 963 sequence : 'random' 964 }, 965 transition : { 966 type : 'mixed', 967 easing : 'easeInOutQuart', 968 duration : 600, 969 direction : 'left' 970 } 971 }, 972 973 { 974 name : 'Fading and sliding rows from top to bottom (forward)', 975 rows : [7,11], 976 cols : 1, 977 tile : { 978 delay : 100, 979 sequence : 'forward' 980 }, 981 transition : { 982 type : 'mixed', 983 easing : 'easeInOutQuart', 984 duration : 600, 985 direction : 'bottom' 986 } 987 }, 988 989 { 990 name : 'Fading and sliding rows from top to bottom (random)', 991 rows : [7,11], 992 cols : 1, 993 tile : { 994 delay : 100, 995 sequence : 'random' 996 }, 997 transition : { 998 type : 'mixed', 999 easing : 'easeInOutQuart', 1000 duration : 600, 1001 direction : 'bottom' 1002 } 1003 }, 1004 1005 { 1006 name : 'Fading and sliding rows from bottom to top (reverse)', 1007 rows : [7,11], 1008 cols : 1, 1009 tile : { 1010 delay : 100, 1011 sequence : 'reverse' 1012 }, 1013 transition : { 1014 type : 'mixed', 1015 easing : 'easeInOutQuart', 1016 duration : 600, 1017 direction : 'top' 1018 } 1019 }, 1020 1021 { 1022 name : 'Fading and sliding rows from bottom to top (random)', 1023 rows : [7,11], 1024 cols : 1, 1025 tile : { 1026 delay : 100, 1027 sequence : 'random' 1028 }, 1029 transition : { 1030 type : 'mixed', 1031 easing : 'easeInOutQuart', 1032 duration : 600, 1033 direction : 'top' 1034 } 1035 }, 1036 1037 /* Fading and sliding transitions: columns */ 1038 1039 { 1040 name : 'Fading and sliding columns to bottom (forward)', 1041 rows : 1, 1042 cols : [12,16], 1043 tile : { 1044 delay : 75, 1045 sequence : 'forward' 1046 }, 1047 transition : { 1048 type : 'mixed', 1049 easing : 'easeInOutQuart', 1050 duration : 600, 1051 direction : 'bottom' 1052 } 1053 }, 1054 1055 { 1056 name : 'Fading and sliding columns to bottom (reverse)', 1057 rows : 1, 1058 cols : [12,16], 1059 tile : { 1060 delay : 75, 1061 sequence : 'reverse' 1062 }, 1063 transition : { 1064 type : 'mixed', 1065 easing : 'easeInOutQuart', 1066 duration : 600, 1067 direction : 'bottom' 1068 } 1069 }, 1070 1071 { 1072 name : 'Fading and sliding columns to bottom (random)', 1073 rows : 1, 1074 cols : [12,16], 1075 tile : { 1076 delay : 75, 1077 sequence : 'random' 1078 }, 1079 transition : { 1080 type : 'mixed', 1081 easing : 'easeInOutQuart', 1082 duration : 600, 1083 direction : 'bottom' 1084 } 1085 }, 1086 1087 { 1088 name : 'Fading and sliding columns to top (forward)', 1089 rows : 1, 1090 cols : [12,16], 1091 tile : { 1092 delay : 75, 1093 sequence : 'forward' 1094 }, 1095 transition : { 1096 type : 'mixed', 1097 easing : 'easeInOutQuart', 1098 duration : 600, 1099 direction : 'top' 1100 } 1101 }, 1102 1103 { 1104 name : 'Fading and sliding columns to top (reverse)', 1105 rows : 1, 1106 cols : [12,16], 1107 tile : { 1108 delay : 75, 1109 sequence : 'reverse' 1110 }, 1111 transition : { 1112 type : 'mixed', 1113 easing : 'easeInOutQuart', 1114 duration : 600, 1115 direction : 'top' 1116 } 1117 }, 1118 1119 { 1120 name : 'Fading and sliding columns to top (random)', 1121 rows : 1, 1122 cols : [12,16], 1123 tile : { 1124 delay : 75, 1125 sequence : 'random' 1126 }, 1127 transition : { 1128 type : 'mixed', 1129 easing : 'easeInOutQuart', 1130 duration : 600, 1131 direction : 'top' 1132 } 1133 }, 1134 1135 { 1136 name : 'Fading and sliding columns from left to right (forward)', 1137 rows : 1, 1138 cols : [12,16], 1139 tile : { 1140 delay : 75, 1141 sequence : 'forward' 1142 }, 1143 transition : { 1144 type : 'mixed', 1145 easing : 'easeInOutQuart', 1146 duration : 600, 1147 direction : 'right' 1148 } 1149 }, 1150 1151 { 1152 name : 'Fading and sliding columns from left to right (random)', 1153 rows : 1, 1154 cols : [12,16], 1155 tile : { 1156 delay : 75, 1157 sequence : 'random' 1158 }, 1159 transition : { 1160 type : 'mixed', 1161 easing : 'easeInOutQuart', 1162 duration : 600, 1163 direction : 'right' 1164 } 1165 }, 1166 1167 { 1168 name : 'Fading and sliding columns from right to left (reverse)', 1169 rows : 1, 1170 cols : [12,16], 1171 tile : { 1172 delay : 75, 1173 sequence : 'reverse' 1174 }, 1175 transition : { 1176 type : 'mixed', 1177 easing : 'easeInOutQuart', 1178 duration : 600, 1179 direction : 'left' 1180 } 1181 }, 1182 1183 { 1184 name : 'Fading and sliding columns from right to left (random)', 1185 rows : 1, 1186 cols : [12,16], 1187 tile : { 1188 delay : 75, 1189 sequenc
1189e : 'random' 1190 }, 1191 transition : { 1192 type : 'mixed', 1193 easing : 'easeInOutQuart', 1194 duration : 600, 1195 direction : 'left' 1196 } 1197 }, 1198 1199 // IMPROVEMENT v4.5.0 added new 2D transitions with rotate and / or scale 1200 1201 { 1202 name : 'Carousel', 1203 rows : 1, 1204 cols : 1, 1205 tile : { 1206 delay : 0, 1207 sequence : 'forward' 1208 }, 1209 transition : { 1210 type : 'mixed', 1211 easing : 'easeInOutQuad', 1212 duration : 750, 1213 direction : 'left', 1214 scale : .5 1215 } 1216 }, 1217 1218 { 1219 name : 'Carousel rows', 1220 rows : 4, 1221 cols : 1, 1222 tile : { 1223 delay : 50, 1224 sequence : 'forward' 1225 }, 1226 transition : { 1227 type : 'mixed', 1228 easing : 'easeInOutQuad', 1229 duration : 750, 1230 direction : 'left', 1231 scale : .5 1232 } 1233 }, 1234 1235 { 1236 name : 'Carousel cols', 1237 rows : 1, 1238 cols : 4, 1239 tile : { 1240 delay : 50, 1241 sequence : 'forward' 1242 }, 1243 transition : { 1244 type : 'mixed', 1245 easing : 'easeInOutQuad', 1246 duration : 750, 1247 direction : 'left', 1248 scale : .5 1249 } 1250 }, 1251 1252 { 1253 name : 'Carousel tiles horizontal', 1254 rows : 3, 1255 cols : 4, 1256 tile : { 1257 delay : 35, 1258 sequence : 'forward' 1259 }, 1260 transition : { 1261 type : 'mixed', 1262 easing : 'easeInOutQuad', 1263 duration : 750, 1264 direction : 'left', 1265 scale : .5, 1266 rotateY : 90 1267 } 1268 }, 1269 1270 { 1271 name : 'Carousel tiles vertical', 1272 rows : 3, 1273 cols : 4, 1274 tile : { 1275 delay : 35, 1276 sequence : 'forward' 1277 }, 1278 transition : { 1279 type : 'mixed', 1280 easing : 'easeInOutQuad', 1281 duration : 750, 1282 direction : 'top', 1283 scale : .5, 1284 rotateX : -90 1285 } 1286 }, 1287 1288 { 1289 name : 'Carousel-mirror tiles horizontal', 1290 rows : 3, 1291 cols : 4, 1292 tile : { 1293 delay : 15, 1294 sequence : 'forward' 1295 }, 1296 transition : { 1297 type : 'mixed', 1298 easing : 'easeInOutQuad', 1299 duration : 750, 1300 direction : 'left', 1301 scale : .5, 1302 rotateY : 90 1303 } 1304 }, 1305 1306 { 1307 name : 'Carousel-mirror tiles vertical', 1308 rows : 3, 1309 cols : 4, 1310 tile : { 1311 delay : 15, 1312 sequence : 'forward' 1313 }, 1314 transition : { 1315 type : 'mixed', 1316 easing : 'easeInOutQuad', 1317 duration : 750, 1318 direction : 'top', 1319 scale : .5, 1320 rotateX : -90 1321 } 1322 }, 1323 { 1324 name : 'Carousel mirror rows', 1325 rows : 4, 1326 cols : 1, 1327 tile : { 1328 delay : 50, 1329 sequence : 'forward' 1330 }, 1331 transition : { 1332 type : 'mixed', 1333 easing : 'easeInOutQuad', 1334 duration : 750, 1335 direction : 'right', 1336 scale : .5 1337 } 1338 }, 1339 1340 { 1341 name : 'Carousel mirror cols', 1342 rows : 1, 1343 cols : 4, 1344 tile : { 1345 delay : 50, 1346 sequence : 'forward' 1347 }, 1348 transition : { 1349 type : 'mixed', 1350 easing : 'easeInOutQuad', 1351 duration : 750, 1352 direction : 'left', 1353 scale : .5 1354 } 1355 }, 1356 1357 { 1358 name : 'Turning tile from left', 1359 rows : 1, 1360 cols : 1, 1361 tile : { 1362 delay : 0, 1363 sequence : 'forward' 1364 }, 1365 transition : { 1366 type : 'slide', 1367 easing : 'easeOutQuart', 1368 duration : 750, 1369 direction : 'right', 1370 rotateY : 90 1371 } 1372 }, 1373 1374 { 1375 name : 'Turning tile from right', 1376 rows : 1, 1377 cols : 1, 1378 tile : { 1379 delay : 0, 1380 sequence : 'forward' 1381 }, 1382 transition : { 1383 type : 'slide', 1384 easing : 'easeOutQuart', 1385 duration : 750, 1386 direction : 'left', 1387 rotateY : -90 1388 } 1389 }, 1390 1391 { 1392 name : 'Turning tile from top', 1393 rows : 1, 1394 cols : 1, 1395 tile : { 1396 delay : 0, 1397 sequence : 'forward' 1398 }, 1399 transition : { 1400 type : 'slide', 1401 easing : 'easeOutQuart', 1402 duration : 750, 1403 direction : 'bottom', 1404 rotateX : -90 1405 } 1406 }, 1407 1408 { 1409 name : 'Turning tile from bottom', 1410 rows : 1, 1411 cols : 1, 1412 tile : { 1413 delay : 0, 1414 sequence : 'forward' 1415 }, 1416 transition : { 1417 type : 'slide', 1418 easing : 'easeOutQuart', 1419 duration : 750, 1420 direction : 'top', 1421 rotateX : 90 1422 } 1423 }, 1424 1425 { 1426 name : 'Turning tiles from left', 1427 rows : [3,4], 1428 cols : [3,4], 1429 tile : { 1430 delay : 55, 1431 sequence : 'forward' 1432 }, 1433 transition : { 1434 type : 'fade', 1435 easing : 'easeOutQuart', 1436 duration : 750, 1437 direction : 'left', 1438 rotateY : 90 1439 } 1440 }, 1441 1442 { 1443 name : 'Turning tiles from right', 1444 rows : [3,4], 1445 cols : [3,4], 1446 tile : { 1447 delay : 55, 1448 sequence : 'reverse' 1449 }, 1450 transition : { 1451 type : 'fade', 1452 easing : 'easeOutQuart', 1453 duration : 750, 1454 direction : 'left', 1455 rotateY : -90 1456 } 1457 }, 1458 1459 { 1460 name : 'Turning tiles from top', 1461 rows : [3,4], 1462 cols : [3,4], 1463 tile : { 1464 delay : 55, 1465 sequence : 'forward' 1466 }, 1467 transition : { 1468 type : 'fade', 1469 easing : 'easeOutQuart', 1470 duration : 750, 1471 direction : 'left', 1472 rotateX : -90 1473 } 1474 }, 1475 1476 { 1477 name : 'Turning tiles from bottom', 1478 rows : [3,4], 1479 cols : [3,4], 1480 tile : { 1481 delay : 55, 1482 sequence : 'reverse' 1483 }, 1484 transition : { 1485 type : 'fade', 1486 easing : 'easeOutQuart', 1487 duration : 750, 1488 direction : 'left', 1489 rotateX : 90 1490 } 1491 }, 1492 1493 { 1494 name : 'Turning rows from top', 1495 rows : [6,12],
1496 cols : 1, 1497 tile : { 1498 delay : 55, 1499 sequence : 'forward' 1500 }, 1501 transition : { 1502 type : 'fade', 1503 easing : 'easeOutQuart', 1504 duration : 750, 1505 direction : 'left', 1506 rotateX : 90 1507 } 1508 }, 1509 1510 { 1511 name : 'Turning rows from bottom', 1512 rows : [6,12], 1513 cols : 1, 1514 tile : { 1515 delay : 55, 1516 sequence : 'reverse' 1517 }, 1518 transition : { 1519 type : 'fade', 1520 easing : 'easeOutQuart', 1521 duration : 750, 1522 direction : 'left', 1523 rotateX : -90 1524 } 1525 }, 1526 1527 { 1528 name : 'Turning cols from left', 1529 rows : 1, 1530 cols : [6,12], 1531 tile : { 1532 delay : 55, 1533 sequence : 'forward' 1534 }, 1535 transition : { 1536 type : 'fade', 1537 easing : 'easeOutQuart', 1538 duration : 750, 1539 direction : 'left', 1540 rotateY : -90 1541 } 1542 }, 1543 1544 { 1545 name : 'Turning cols from right', 1546 rows : 1, 1547 cols : [6,12], 1548 tile : { 1549 delay : 55, 1550 sequence : 'reverse' 1551 }, 1552 transition : { 1553 type : 'fade', 1554 easing : 'easeOutQuart', 1555 duration : 750, 1556 direction : 'left', 1557 rotateY : 90 1558 } 1559 }, 1560 1561 { 1562 name : 'Flying rows from left', 1563 rows : [3,10], 1564 cols : 1, 1565 tile : { 1566 delay : 55, 1567 sequence : 'forward' 1568 }, 1569 transition : { 1570 type : 'fade', 1571 easing : 'easeOutQuart', 1572 duration : 750, 1573 direction : 'left', 1574 rotateY : 90 1575 } 1576 }, 1577 1578 { 1579 name : 'Flying rows from right', 1580 rows : [3,10], 1581 cols : 1, 1582 tile : { 1583 delay : 55, 1584 sequence : 'reverse' 1585 }, 1586 transition : { 1587 type : 'fade', 1588 easing : 'easeOutQuart', 1589 duration : 750, 1590 direction : 'left', 1591 rotateY : -90 1592 } 1593 }, 1594 1595 { 1596 name : 'Flying cols from top', 1597 rows : 1, 1598 cols : [3,10], 1599 tile : { 1600 delay : 55, 1601 sequence : 'forward' 1602 }, 1603 transition : { 1604 type : 'fade', 1605 easing : 'easeOutQuart', 1606 duration : 750, 1607 direction : 'left', 1608 rotateX : -90 1609 } 1610 }, 1611 1612 { 1613 name : 'Flying cols from bottom', 1614 rows : 1, 1615 cols : [3,10], 1616 tile : { 1617 delay : 55, 1618 sequence : 'reverse' 1619 }, 1620 transition : { 1621 type : 'fade', 1622 easing : 'easeOutQuart', 1623 duration : 750, 1624 direction : 'left', 1625 rotateX : 90 1626 } 1627 }, 1628 1629 { 1630 name : 'Flying and rotating tile from left', 1631 rows : 1, 1632 cols : 1, 1633 tile : { 1634 delay : 75, 1635 sequence : 'forward' 1636 }, 1637 transition : { 1638 type : 'mixed', 1639 easing : 'easeOutQuart', 1640 duration : 750, 1641 direction : 'right', 1642 scale : .1, 1643 rotate : -90, 1644 rotateY : 90 1645 } 1646 }, 1647 1648 { 1649 name : 'Flying and rotating tile from right', 1650 rows : 1, 1651 cols : 1, 1652 tile : { 1653 delay : 75, 1654 sequence : 'forward' 1655 }, 1656 transition : { 1657 type : 'mixed', 1658 easing : 'easeOutQuart', 1659 duration : 750, 1660 direction : 'left', 1661 scale : .1, 1662 rotate : 90, 1663 rotateY : -90 1664 } 1665 }, 1666 1667 { 1668 name : 'Flying and rotating tiles from left', 1669 rows : [3,4], 1670 cols : [3,4], 1671 tile : { 1672 delay : 55, 1673 sequence : 'forward' 1674 }, 1675 transition : { 1676 type : 'mixed', 1677 easing : 'easeOutQuart', 1678 duration : 750, 1679 direction : 'right', 1680 rotate : -45 1681 } 1682 }, 1683 1684 { 1685 name : 'Flying and rotating tiles from right', 1686 rows : [3,4], 1687 cols : [3,4], 1688 tile : { 1689 delay : 55, 1690 sequence : 'forward' 1691 }, 1692 transition : { 1693 type : 'mixed', 1694 easing : 'easeOutQuart', 1695 duration : 750, 1696 direction : 'left', 1697 rotate : -45 1698 } 1699 }, 1700 1701 { 1702 name : 'Flying and rotating tiles from random', 1703 rows : [3,4], 1704 cols : [3,4], 1705 tile : { 1706 delay : 55, 1707 sequence : 'random' 1708 }, 1709 transition : { 1710 type : 'mixed', 1711 easing : 'easeOutQuart', 1712 duration : 750, 1713 direction : 'random', 1714 rotate : -45 1715 } 1716 }, 1717 1718 { 1719 name : 'Scaling tile in', 1720 rows : 1, 1721 cols : 1, 1722 tile : { 1723 delay : 0, 1724 sequence : 'forward' 1725 }, 1726 transition : { 1727 type : 'fade', 1728 easing : 'easeOutQuart', 1729 duration : 1500, 1730 direction : 'left', 1731 scale : .8 1732 } 1733 }, 1734 1735 { 1736 name : 'Scaling tile from out', 1737 rows : 1, 1738 cols : 1, 1739 tile : { 1740 delay : 0, 1741 sequence : 'forward' 1742 }, 1743 transition : { 1744 type : 'fade', 1745 easing : 'easeInOutQuart', 1746 duration : 1500, 1747 direction : 'left', 1748 scale : 1.2 1749 } 1750 }, 1751 1752 { 1753 name : 'Scaling tiles random', 1754 rows : [3,4], 1755 cols : [3,4], 1756 tile : { 1757 delay : 35, 1758 sequence : 'random' 1759 }, 1760 transition : { 1761 type : 'fade', 1762 easing : 'easeOutQuart', 1763 duration : 750, 1764 direction : 'left', 1765 scale : .1 1766 } 1767 }, 1768 1769 { 1770 name : 'Scaling tiles from out random', 1771 rows : [3,4], 1772 cols : [3,4], 1773 tile : { 1774 delay : 35, 1775 sequence : 'random' 1776 }, 1777 transition : { 1778 type : 'fade', 1779 easing : 'easeOutQuart', 1780 duration : 750, 1781 direction : 'left', 1782 scale : 2 1783 } 1784 }, 1785 1786 { 1787 name : 'Scaling in and rotating tiles random', 1788 rows : [3,4], 1789 cols : [3,4], 1790 tile : { 1791 delay : 35, 1792 sequence : 'random' 1793 }, 1794 transition : { 1795 type : 'fade', 1796 easing : 'easeOutQuart', 1797 duration : 750, 1798 direction : 'left', 1799 scale : .1, 1800 rotate : 90 1801 } 1802 }, 1803 1804 { 1805 name : 'Scaling and rotating tiles from out random', 1806 rows : [3,4], 1807 cols : [3,4], 1808 tile : { 1809 delay : 35, 1810 sequence : 'random' 1811 }, 1812 transition : { 1813 type : 'fade', 1814 easing : 'easeOutQuart', 1815 duration : 750, 1816 direction : 'left', 1817 scale : 2, 1818 rotate : -90 1819 } 1820 }, 1821 1822 { 1823 name : 'Mirror-sliding tiles diagonal', 1824 rows : 3, 1825 cols : 4, 1826 tile : { 1827 delay : 15, 1828 sequence : 'forward' 1829 }, 1830 transition : { 1831 type : 'slide', 1832 easing : 'easeInOutQuart', 1833 duration : 850, 1834 direction : 'topright' 1835 } 1836 }, 1837 1838 { 1839 name : 'Mirror-sliding rows horizontal', 1840 rows : 6, 1841 cols : 1, 1842 tile : { 1843 delay : 0, 1844 sequence : 'forward' 1845 }, 1846 transition : { 1847 type : 'mixed', 1848 easing : 'easeOutQuart', 1849 duration : 750, 1850 direction : 'left' 1851 } 1852 }, 1853 1854 { 1855 name : 'Mirror-sliding rows vertical', 1856 rows : 6, 1857 cols : 1, 1858 tile : { 1859 delay : 0, 1860 sequence : 'forward' 1861 }, 1862 transition : { 1863 type : 'mixed', 1864 easing : 'easeOutQuart', 1865 duration : 750, 1866 direction : 'top' 1867 } 1868 }, 1869 1870 { 1871 name : 'Mirror-sliding cols horizontal', 1872 rows : 1, 1873 cols : 8, 1874 tile : { 1875 delay : 0, 1876 sequence : 'forward' 1877 }, 1878 transition : { 1879 type : 'mixed', 1880 easing : 'easeOutQuart', 1881 duration : 750, 1882 direction : 'left' 1883 } 1884 }, 1885 1886 { 1887 name : 'Mirror-sliding cols vertical', 1888 rows : 1, 1889 cols : 8, 1890 tile : { 1891 delay : 0, 1892 sequence : 'forward' 1893 }, 1894 transition : { 1895 type : 'mixed', 1896 easing : 'easeOutQuart', 1897 duration : 750, 1898 direction : 'top' 1899 } 1900 } 1901 ], 1902 1903 /* 3D Transitions */ 1904 1905 t3d : [ 1906 1907/* 1908 { 1909 name : 'Custom 3D transition', // Name of the transition 1910 rows : [2,4], // Number or [minimum,maximum] numbers of rows 1911 cols : [4,7], // Number or [minimum,maximum] numbers of columns 1912 tile : { 1913 delay : 75, // Delay of tiles relative to each other in msec 1914 sequence : 'forward' // Sequence of the tile transition, can be: 'forward', 'reverse', 'col-forward', 'col-reverse' or 'random' 1915 }, 1916 // Before animation - not required! 1917 before : { 1918 transition : { 1919 scale3d : .95 // Transitions, can be: scale3d, rotateX, rotateY 1920 }, 1921 duration : 450, // Duration of the tile transition in msec 1922 easing : 'easeInOutQuint' // Easing of the tile transition 1923 }, 1924 // Animation - required! 1925 animation : { 1926 transition : { 1927 rotateY: 180 // Transitions, can be: scale3d, rotateX, rotateY 1928 }, 1929 duration : 1000, // Duration of the tile transition in msec 1930 easing : 'easeInOutBack', // Easing of the tile transition 1931 direction : 'horizontal' 1932 }, 1933 // After animation - not required! 1934 after : { 1935 duration : 350, // Duration of the tile transition in msec 1936 easing : 'easeInOutBack' // Easing of the tile transition 1937 } 1938 }, 1939*/ 1940
1941 // Spinning transitions (180deg, thin depth); 1942 1943 { 1944 name : 'Spinning tile to right (180°)', 1945 rows : 1, 1946 cols : 1, 1947 tile : { 1948 delay : 75, 1949 sequence : 'forward' 1950 }, 1951 animation : { 1952 transition : { 1953 rotateY: 91 1954 }, 1955 easing : 'easeInQuart', 1956 duration : 1000, 1957 direction : 'horizontal' 1958 }, 1959 after : { 1960 transition : { 1961 rotateY: 180 1962 }, 1963 easing : 'easeOutQuart', 1964 duration : 1000, 1965 direction : 'horizontal' 1966 } 1967 }, 1968 1969 { 1970 name : 'Spinning tile to left (180°)', 1971 rows : 1, 1972 cols : 1, 1973 tile : { 1974 delay : 75, 1975 sequence : 'forward' 1976 }, 1977 animation : { 1978 transition : { 1979 rotateY: -91 1980 }, 1981 easing : 'easeInQuart', 1982 duration : 1000, 1983 direction : 'horizontal' 1984 }, 1985 after : { 1986 transition : { 1987 rotateY: -180 1988 }, 1989 easing : 'easeOutQuart', 1990 duration : 1000, 1991 direction : 'horizontal' 1992 } 1993 }, 1994 1995 { 1996 name : 'Spinning tile to bottom (180°)', 1997 rows : 1, 1998 cols : 1, 1999 tile : { 2000 delay : 75, 2001 sequence : 'forward' 2002 }, 2003 animation : { 2004 transition : { 2005 rotateX: -91 2006 }, 2007 easing : 'easeInQuart', 2008 duration : 800, 2009 direction : 'vertical' 2010 }, 2011 after : { 2012 transition : { 2013 rotateX: -180 2014 }, 2015 easing : 'easeOutQuart', 2016 duration : 800, 2017 direction : 'vertical' 2018 } 2019 }, 2020 2021 { 2022 name : 'Spinning tile to top (180°)', 2023 rows : 1, 2024 cols : 1, 2025 tile : { 2026 delay : 75, 2027 sequence : 'forward' 2028 }, 2029 animation : { 2030 transition : { 2031 rotateX: 91 2032 }, 2033 easing : 'easeInQuart', 2034 duration : 800, 2035 direction : 'vertical' 2036 }, 2037 after : { 2038 transition : { 2039 rotateX: 180 2040 }, 2041 easing : 'easeOutQuart', 2042 duration : 800, 2043 direction : 'vertical' 2044 } 2045 }, 2046 2047 { 2048 name : 'Spinning tiles to right (180°)', 2049 rows : [2,4], 2050 cols : [4,7], 2051 tile : { 2052 delay : 75, 2053 sequence : 'forward' 2054 }, 2055 animation : { 2056 transition : { 2057 rotateY: 180 2058 }, 2059 easing : 'easeInOutQuart', 2060 duration : 1000, 2061 direction : 'horizontal' 2062 } 2063 }, 2064 2065 { 2066 name : 'Spinning tiles to left (180°)', 2067 rows : [2,4], 2068 cols : [4,7], 2069 tile : { 2070 delay : 75, 2071 sequence : 'reverse' 2072 }, 2073 animation : { 2074 transition : { 2075 rotateY: -180 2076 }, 2077 easing : 'easeInOutQuart', 2078 duration : 1000, 2079 direction : 'horizontal' 2080 } 2081 }, 2082 2083 { 2084 name : 'Spinning tiles to bottom (180°)', 2085 rows : [2,4], 2086 cols : [4,7], 2087 tile : { 2088 delay : 75, 2089 sequence : 'col-forward' 2090 }, 2091 animation : { 2092 transition : { 2093 rotateX: -180 2094 }, 2095 easing : 'easeInOutQuart', 2096 duration : 1000, 2097 direction : 'vertical' 2098 } 2099 }, 2100 2101 { 2102 name : 'Spinning tiles to top (180°)', 2103 rows : [2,4], 2104 cols : [4,7], 2105 tile : { 2106 delay : 75, 2107 sequence : 'col-reverse' 2108 }, 2109 animation : { 2110 transition : { 2111 rotateX: 180 2112 }, 2113 easing : 'easeInOutQuart', 2114 duration : 1000, 2115 direction : 'vertical' 2116 } 2117 }, 2118 2119 { 2120 name : 'Horizontal spinning tiles random (180°)', 2121 rows : [2,4], 2122 cols : [4,7], 2123 tile : { 2124 delay : 75, 2125 sequence : 'random' 2126 }, 2127 animation : { 2128 transition : { 2129 rotateY: 180 2130 }, 2131 easing : 'easeInOutQuart', 2132 duration : 1300, 2133 direction : 'horizontal' 2134 } 2135 }, 2136 2137 { 2138 name : 'Vertical spinning tiles random (180°)', 2139 rows : [2,4], 2140 cols : [4,7], 2141 tile : { 2142 delay : 75, 2143 sequence : 'random' 2144 }, 2145 animation : { 2146 transition : { 2147 rotateX: 180 2148 }, 2149 easing : 'easeInOutQuart', 2150 duration : 1300, 2151 direction : 'vertical' 2152 } 2153 }, 2154 2155 { 2156 name : 'Scaling and spinning tiles to right (180°)', 2157 rows : [2,4], 2158 cols : [4,7], 2159 tile : { 2160 delay : 75, 2161 sequence : 'forward' 2162 }, 2163 before : { 2164 transition : { 2165 scale3d : .95 2166 }, 2167 duration : 450, 2168 easing : 'easeInOutQuint' 2169 }, 2170 animation : { 2171 transition : { 2172 rotateY: 180 2173 }, 2174 easing : 'easeInOutBack', 2175 duration : 1000, 2176 direction : 'horizontal' 2177 }, 2178 after : { 2179 duration : 350, 2180 easing : 'easeInOutBack' 2181 } 2182 }, 2183 2184 { 2185 name : 'Scaling and spinning tiles to left (180°)', 2186 rows : [2,4], 2187 cols : [4,7], 2188 tile : { 2189 delay : 75, 2190 sequence : 'reverse' 2191 }, 2192 before : { 2193 transition : { 2194 scale3d : .95 2195 }, 2196 duration : 450, 2197 easing : 'easeInOutQuint' 2198 }, 2199 animation : { 2200 transition : { 2201 rotateY: -180 2202 }, 2203 easing : 'easeInOutBack', 2204 duration : 1000, 2205 direction : 'horizontal' 2206 }, 2207 after : { 2208 duration : 350, 2209 easing : 'easeInOutBack' 2210 } 2211 }, 2212 2213 { 2214 name : 'Scaling and spinning tiles to bottom (180°)', 2215 rows : [2,4], 2216 cols : [4,7], 2217 tile : { 2218 delay : 75, 2219 sequence : 'col-forward' 2220 }, 2221 before : { 2222 transition : { 2223 scale3d : .95 2224 }, 2225 duration : 450, 2226 easing : 'easeInOutQuint' 2227 }, 2228 animation : { 2229 transition : { 2230 rotateX: -180 2231 }, 2232 easing : 'easeInOutBack', 2233 duration : 1000, 2234 direction : 'vertical' 2235 }, 2236 after : { 2237 duration : 350, 2238 easing : 'easeInOutBack' 2239 } 2240 }, 2241 2242 { 2243 name : 'Scaling and spinning tiles to top (180°)', 2244 rows : [2,4], 2245 cols : [4,7], 2246 tile : { 2247 delay : 75, 2248 sequence : 'col-reverse' 2249 }, 2250 before : { 2251 transition : { 2252 scale3d : .95 2253 }, 2254 duration : 450, 2255 easing : 'easeInOutQuint' 2256 }, 2257 animation : { 2258 transition : { 2259 rotateX: 180 2260 }, 2261 easing : 'easeInOutBack', 2262 duration : 1000, 2263 direction : 'vertical' 2264 }, 2265 after : { 2266 duration : 350, 2267 easing : 'easeInOutBack' 2268 } 2269 }, 2270 2271 { 2272 name : 'Scaling and horizontal spinning tiles random (180°)', 2273 rows : [2,4], 2274 cols : [4,7], 2275 tile : { 2276 delay : 75, 2277 sequence : 'random' 2278 }, 2279 before : { 2280 transition : { 2281 scale3d : .95, rotateX : 30 2282 }, 2283 duration : 450, 2284 easing : 'easeInOutQuint' 2285 }, 2286 animation : { 2287 transition : { 2288 rotateY: 180, rotateX: -30 2289 }, 2290 easing : 'easeInOutBack', 2291 duration : 1300, 2292 direction : 'horizontal' 2293 }, 2294 after : { 2295 transition : { 2296 rotateX : 0 2297 }, 2298 duration : 350, 2299 easing : 'easeInOutBack' 2300 } 2301 }, 2302 2303 { 2304 name : 'Scaling and vertical spinning tiles random (180°)', 2305 rows : [2,4], 2306 cols : [4,7], 2307 tile : { 2308 delay : 75, 2309 sequence : 'random' 2310 }, 2311 before : { 2312 transition : { 2313 scale3d : .95, rotateY : -15 2314 }, 2315 duration : 450, 2316 easing : 'easeInOutQuint' 2317 }, 2318 animation : { 2319 transition : { 2320 rotateX: 180, rotateY : 15 2321 }, 2322 easing : 'easeInOutBack', 2323 duration : 1300, 2324 direction : 'vertical' 2325 }, 2326 after : { 2327 transition : { 2328 rotateY : 0 2329 }, 2330 duration : 350, 2331 easing : 'easeInOutBack' 2332 } 2333 }, 2334 2335 { 2336 name : 'Spinning rows to right (180°)', 2337 rows : [5,9],
2338 cols : 1, 2339 tile : { 2340 delay : 75, 2341 sequence : 'forward' 2342 }, 2343 animation : { 2344 transition : { 2345 rotateY : 180 2346 }, 2347 easing : 'easeInOutQuart', 2348 duration : 1500, 2349 direction : 'horizontal' 2350 } 2351 }, 2352 2353 { 2354 name : 'Spinning rows to left (180°)', 2355 rows : [5,9], 2356 cols : 1, 2357 tile : { 2358 delay : 75, 2359 sequence : 'forward' 2360 }, 2361 animation : { 2362 transition : { 2363 rotateY : -180 2364 }, 2365 easing : 'easeInOutQuart', 2366 duration : 1500, 2367 direction : 'horizontal' 2368 } 2369 }, 2370 2371 { 2372 name : 'Spinning rows to bottom (180°)', 2373 rows : [5,9], 2374 cols : 1, 2375 tile : { 2376 delay : 75, 2377 sequence : 'forward' 2378 }, 2379 animation : { 2380 transition : { 2381 rotateX : -180 2382 }, 2383 easing : 'easeInOutQuart', 2384 duration : 1000, 2385 direction : 'vertical' 2386 } 2387 }, 2388 2389 { 2390 name : 'Spinning rows to top (180°)', 2391 rows : [5,9], 2392 cols : 1, 2393 tile : { 2394 delay : 75, 2395 sequence : 'reverse' 2396 }, 2397 animation : { 2398 transition : { 2399 rotateX : 180 2400 }, 2401 easing : 'easeInOutQuart', 2402 duration : 1000, 2403 direction : 'vertical' 2404 } 2405 }, 2406 2407 { 2408 name : 'Horizontal spinning rows random (180°)', 2409 rows : [5,9], 2410 cols : 1, 2411 tile : { 2412 delay : 75, 2413 sequence : 'random' 2414 }, 2415 animation : { 2416 transition : { 2417 rotateY : 180 2418 }, 2419 easing : 'easeInOutQuart', 2420 duration : 1500, 2421 direction : 'horizontal' 2422 } 2423 }, 2424 2425 { 2426 name : 'Vertical spinning rows random (180°)', 2427 rows : [5,9], 2428 cols : 1, 2429 tile : { 2430 delay : 75, 2431 sequence : 'random' 2432 }, 2433 animation : { 2434 transition : { 2435 rotateX : -180 2436 }, 2437 easing : 'easeInOutQuart', 2438 duration : 1500, 2439 direction : 'vertical' 2440 } 2441 }, 2442 2443 { 2444 name : 'Vertical spinning rows random (540°)', 2445 rows : [3,7], 2446 cols : 1, 2447 tile : { 2448 delay : 150, 2449 sequence : 'random' 2450 }, 2451 animation : { 2452 transition : { 2453 rotateX : -540 2454 }, 2455 easing : 'easeInOutQuart', 2456 duration : 2000, 2457 direction : 'vertical' 2458 } 2459 }, 2460 2461 { 2462 name : 'Scaling and spinning rows to right (180°)', 2463 rows : [5,9], 2464 cols : 1, 2465 tile : { 2466 delay : 55, 2467 sequence : 'forward' 2468 }, 2469 before : { 2470 transition : { 2471 scale3d : .85 2472 }, 2473 duration : 600, 2474 easing : 'easeOutBack' 2475 }, 2476 animation : { 2477 transition : { 2478 rotateY : 180 2479 }, 2480 easing : 'easeInOutBack', 2481 duration : 1200, 2482 direction : 'horizontal' 2483 }, 2484 after : { 2485 transition : { 2486 delay : 200 2487 }, 2488 easing : 'easeOutBack', 2489 duration : 600 2490 } 2491 }, 2492 2493 { 2494 name : 'Scaling and spinning rows to left (180°)', 2495 rows : [5,9], 2496 cols : 1, 2497 tile : { 2498 delay : 55, 2499 sequence : 'reverse' 2500 }, 2501 before : { 2502 transition : { 2503 scale3d : .85 2504 }, 2505 duration : 600, 2506 easing : 'easeOutBack' 2507 }, 2508 animation : { 2509 transition : { 2510 rotateY : -180 2511 }, 2512 easing : 'easeInOutBack', 2513 duration : 1200, 2514 direction : 'horizontal' 2515 }, 2516 after : { 2517 transition : { 2518 delay : 200 2519 }, 2520 easing : 'easeOutBack', 2521 duration : 600 2522 } 2523 }, 2524 2525 { 2526 name : 'Scaling and spinning rows to bottom (180°)', 2527 rows : [5,9], 2528 cols : 1, 2529 tile : { 2530 delay : 55, 2531 sequence : 'forward' 2532 }, 2533 before : { 2534 transition : { 2535 scale3d : .85 2536 }, 2537 duration : 600, 2538 easing : 'easeOutBack' 2539 }, 2540 animation : { 2541 transition : { 2542 rotateX : -180 2543 }, 2544 easing : 'easeInOutQuart', 2545 duration : 600, 2546 direction : 'vertical' 2547 }, 2548 after : { 2549 transition : { 2550 delay : 200 2551 }, 2552 easing : 'easeOutBack', 2553 duration : 600 2554 } 2555 }, 2556 2557 { 2558 name : 'Scaling and spinning rows to top (180°)', 2559 rows : [5,9], 2560 cols : 1, 2561 tile : { 2562 delay : 55, 2563 sequence : 'reverse' 2564 }, 2565 before : { 2566 transition : { 2567 scale3d : .85 2568 }, 2569 duration : 600, 2570 easing : 'easeOutBack' 2571 }, 2572 animation : { 2573 transition : { 2574 rotateX : 180 2575 }, 2576 easing : 'easeInOutQuart', 2577 duration : 600, 2578 direction : 'vertical' 2579 }, 2580 after : { 2581 transition : { 2582 delay : 200 2583 }, 2584 easing : 'easeOutBack', 2585 duration : 600 2586 } 2587 }, 2588 2589 { 2590 name : 'Scaling and horizontal spinning rows random (180°)', 2591 rows : [5,9],
2592 cols : 1, 2593 tile : { 2594 delay : 55, 2595 sequence : 'random' 2596 }, 2597 before : { 2598 transition : { 2599 scale3d : .85 2600 }, 2601 duration : 600, 2602 easing : 'easeOutBack' 2603 }, 2604 animation : { 2605 transition : { 2606 rotateY : 180 2607 }, 2608 easing : 'easeInOutBack', 2609 duration : 1200, 2610 direction : 'horizontal' 2611 }, 2612 after : { 2613 transition : { 2614 delay : 200 2615 }, 2616 easing : 'easeOutBack', 2617 duration : 600 2618 } 2619 }, 2620 2621 { 2622 name : 'Scaling and vertical spinning rows random (180°)', 2623 rows : [5,9], 2624 cols : 1, 2625 tile : { 2626 delay : 55, 2627 sequence : 'random' 2628 }, 2629 before : { 2630 transition : { 2631 scale3d : .85 2632 }, 2633 duration : 600, 2634 easing : 'easeOutBack' 2635 }, 2636 animation : { 2637 transition : { 2638 rotateX : -180 2639 }, 2640 easing : 'easeInOutBack', 2641 duration : 600, 2642 direction : 'vertical' 2643 }, 2644 after : { 2645 transition : { 2646 delay : 200 2647 }, 2648 easing : 'easeOutBack', 2649 duration : 600 2650 } 2651 }, 2652 2653 { 2654 name : 'Spinning columns to right (180°)', 2655 rows : 1, 2656 cols : [5,9], 2657 tile : { 2658 delay : 75, 2659 sequence : 'forward' 2660 }, 2661 animation : { 2662 transition : { 2663 rotateY : 180 2664 }, 2665 easing : 'easeInOutQuart', 2666 duration : 1500, 2667 direction : 'horizontal' 2668 } 2669 }, 2670 2671 { 2672 name : 'Spinning columns to left (180°)', 2673 rows : 1, 2674 cols : [5,9], 2675 tile : { 2676 delay : 75, 2677 sequence : 'forward' 2678 }, 2679 animation : { 2680 transition : { 2681 rotateY : -180 2682 }, 2683 easing : 'easeInOutQuart', 2684 duration : 1500, 2685 direction : 'horizontal' 2686 } 2687 }, 2688 2689 { 2690 name : 'Spinning columns to bottom (180°)', 2691 rows : 1, 2692 cols : [5,9], 2693 tile : { 2694 delay : 75, 2695 sequence : 'forward' 2696 }, 2697 animation : { 2698 transition : { 2699 rotateX : -180 2700 }, 2701 easing : 'easeInOutQuart', 2702 duration : 1000, 2703 direction : 'vertical' 2704 } 2705 }, 2706 2707 { 2708 name : 'Spinning columns to top (180°)', 2709 rows : 1, 2710 cols : [5,9], 2711 tile : { 2712 delay : 75, 2713 sequence : 'reverse' 2714 }, 2715 animation : { 2716 transition : { 2717 rotateX : 180 2718 }, 2719 easing : 'easeInOutQuart', 2720 duration : 1000, 2721 direction : 'vertical' 2722 } 2723 }, 2724 2725 { 2726 name : 'Horizontal spinning columns random (180°)', 2727 rows : 1, 2728 cols : [5,9], 2729 tile : { 2730 delay : 75, 2731 sequence : 'random' 2732 }, 2733 animation : { 2734 transition : { 2735 rotateY : 180 2736 }, 2737 easing : 'easeInOutQuart', 2738 duration : 1500, 2739 direction : 'horizontal' 2740 } 2741 }, 2742 2743 { 2744 name : 'Vertical spinning columns random (180°)', 2745 rows : 1, 2746 cols : [5,9], 2747 tile : { 2748 delay : 75, 2749 sequence : 'random' 2750 }, 2751 animation : { 2752 transition : { 2753 rotateX : -180 2754 }, 2755 easing : 'easeInOutQuart', 2756 duration : 1500, 2757 direction : 'vertical' 2758 } 2759 }, 2760 2761 { 2762 name : 'Horizontal spinning columns random (540°)', 2763 rows : 1, 2764 cols : [4,9], 2765 tile : { 2766 delay : 150, 2767 sequence : 'random' 2768 }, 2769 animation : { 2770 transition : { 2771 rotateY : 540 2772 }, 2773 easing : 'easeInOutQuart', 2774 duration : 2000, 2775 direction : 'horizontal' 2776 } 2777 }, 2778 2779 { 2780 name : 'Scaling and spinning columns to right (180°)', 2781 rows : 1, 2782 cols : [7,11], 2783 tile : { 2784 delay : 55, 2785 sequence : 'forward' 2786 }, 2787 before : { 2788 transition : { 2789 scale3d : .85 2790 }, 2791 duration : 600, 2792 easing : 'easeOutBack' 2793 }, 2794 animation : { 2795 transition : { 2796 rotateY : 180 2797 }, 2798 easing : 'easeInOutQuart', 2799 duration : 600, 2800 direction : 'horizontal' 2801 }, 2802 after : { 2803 transition : { 2804 delay : 200 2805 }, 2806 easing : 'easeOutBack', 2807 duration : 600 2808 } 2809 }, 2810 2811 { 2812 name : 'Scaling and spinning columns to left (180°)', 2813 rows : 1, 2814 cols : [7,11], 2815 tile : { 2816 delay : 55, 2817 sequence : 'reverse' 2818 }, 2819 before : { 2820 transition : { 2821 scale3d : .85 2822 }, 2823 duration : 600, 2824 easing : 'easeOutBack' 2825 }, 2826 animation : { 2827 transition : { 2828 rotateY : -180 2829 }, 2830 easing : 'easeInOutQuart', 2831 duration : 600, 2832 direction : 'horizontal' 2833 }, 2834 after : { 2835 transition : { 2836 delay : 200 2837 }, 2838 easing : 'easeOutBack', 2839 duration : 600 2840 } 2841 }, 2842 2843 { 2844 name : 'Scaling and spinning columns to bottom (180°)', 2845 rows : 1, 2846 cols : [7,11], 2847 tile : { 2848 delay : 55, 2849 sequence : 'forward' 2850 }, 2851 before : { 2852 transition : { 2853 scale3d : .85 2854 }, 2855 duration : 600, 2856 easing : 'easeOutBack' 2857 }, 2858 animation : { 2859 transition : { 2860 rotateX : -180 2861 }, 2862 easing : 'easeInOutBack', 2863 duration : 1200, 2864 direction : 'vertical' 2865 }, 2866 after : { 2867 transition : { 2868 delay : 200 2869 }, 2870 easing : 'easeOutBack', 2871 duration : 600 2872 } 2873 }, 2874 2875 { 2876 name : 'Scaling and spinning columns to top (180°)', 2877 rows : 1, 2878 cols : [7,11], 2879 tile : { 2880 delay : 75, 2881 sequence : 'reverse' 2882 }, 2883 before : { 2884 transition : { 2885 scale3d : .85 2886 }, 2887 duration : 600, 2888 easing : 'easeOutBack' 2889 }, 2890 animation : { 2891 transition : { 2892 rotateX : 180 2893 }, 2894 easing : 'easeInOutBack', 2895 duration : 1200, 2896 direction : 'vertical' 2897 }, 2898 after : { 2899 transition : { 2900 delay : 200 2901 }, 2902 easing : 'easeOutBack', 2903 duration : 600 2904 } 2905 }, 2906 2907 { 2908 name : 'Scaling and horizontal spinning columns random (180°)', 2909 rows : 1, 2910 cols : [7,11], 2911 tile : { 2912 delay : 75, 2913 sequence : 'random' 2914 }, 2915 before : { 2916 transition : { 2917 scale3d : .85 2918 }, 2919 duration : 600, 2920 easing : 'easeOutBack' 2921 }, 2922 animation : { 2923 transition : { 2924 rotateY : 180 2925 }, 2926 easing : 'easeInOutBack', 2927 duration : 600, 2928 direction : 'horizontal' 2929 }, 2930 after : { 2931 transition : { 2932 delay : 200 2933 }, 2934 easing : 'easeOutBack', 2935 duration : 600 2936 } 2937 }, 2938 2939 { 2940 name : 'Scaling and vertical spinning columns random (180°)', 2941 rows : 1, 2942 cols : [7,11], 2943 tile : { 2944 delay : 75, 2945 sequence : 'random' 2946 }, 2947 before : { 2948 transition : { 2949 scale3d : .85 2950 }, 2951 duration : 600, 2952 easing : 'easeOutBack' 2953 }, 2954 animation : { 2955 transition : { 2956 rotateX : -180 2957 }, 2958 easing : 'easeInOutBack', 2959 duration : 1200, 2960 direction : 'vertical' 2961 }, 2962 after : { 2963 transition : { 2964 delay : 200 2965 }, 2966 easing : 'easeOutBack', 2967 duration : 600 2968 } 2969 }, 2970 2971 { 2972 name : 'Drunk colums scaling and spinning to right (180°)', 2973 rows : 1, 2974 cols : [7,11], 2975 tile : { 2976 delay : 75, 2977 sequence : 'forward' 2978 }, 2979 before : { 2980 transition : { 2981 scale3d : .85, rotateX : -30 2982 }, 2983 duration : 600, 2984 easing : 'easeOutQuart' 2985 }, 2986 animation : { 2987 transition : { 2988 rotateX : -30, rotateY : 180 2989 }, 2990 easing : 'easeInOutQuart', 2991 duration : 1000, 2992 direction : 'horizontal' 2993 }, 2994 after : { 2995 transition : { 2996 rotateX : 0, delay : 200 2997 }, 2998 easing : 'easeOutQuart', 2999 duration : 600 3000 } 3001 }, 3002 3003 { 3004 name : 'Drunk colums scaling and spinning to left (180°)', 3005 rows : 1, 3006 cols : [7,11], 3007 tile : { 3008 delay : 75, 3009 sequence : 'reverse' 3010 }, 3011 before : { 3012 transition : { 3013 scale3d : .85, rotateX : -30 3014 }, 3015 duration : 600, 3016 easing : 'easeOutQuart' 3017 }, 3018 animation : { 3019 transition : { 3020 rotateX : 30, rotateY : -180 3021 }, 3022 easing : 'easeInOutQuart', 3023 duration : 1000, 3024 direction : 'horizontal' 3025 }, 3026 after : { 3027 transition : { 3028 rotateX : 0, delay : 200 3029 }, 3030 easing : 'easeOutQuart', 3031 duration : 600 3032 } 3033 }, 3034 3035 // Turning transitions (90deg, large depth); 3036 3037 { 3038 name : 'Turning cuboid to right (90°)', 3039 rows : 1, 3040 cols : 1, 3041 tile : { 3042 delay : 75, 3043 sequence : 'forward' 3044 }, 3045 animation : { 3046 transition : { 3047 rotateY: 90 3048 }, 3049 easing : 'easeInOutQuart', 3050 duration : 1500, 3051 direction : 'horizontal' 3052 } 3053 }, 3054 3055 { 3056 name : 'Turning cuboid to left (90°)', 3057 rows : 1, 3058 cols : 1, 3059 tile : { 3060 delay : 75, 3061 sequence : 'forward' 3062 }, 3063 animation : { 3064 transition : { 3065 rotateY: -90 3066 }, 3067 easing : 'easeInOutQuart', 3068 duration : 1500, 3069 direction : 'horizontal' 3070 } 3071 }, 3072 3073 { 3074 name : 'Turning cuboid to bottom (90°)', 3075 rows : 1, 3076 cols : 1, 3077 tile : { 3078 delay : 75, 3079 sequence : 'forward' 3080 }, 3081 animation : { 3082 transition : { 3083 rotateX: -90 3084 }, 3085 easing : 'easeInOutQuart', 3086 duration : 1500, 3087 direction : 'vertical' 3088 } 3089 }, 3090 3091 { 3092 name : 'Turning cuboid to top (90°)', 3093 rows : 1, 3094 cols : 1, 3095 tile : { 3096 delay : 75, 3097 sequence : 'forward' 3098 }, 3099 animation : { 3100 transition : { 3101 rotateX: 90 3102 }, 3103 easing : 'easeInOutQuart', 3104 duration : 1500, 3105 direction : 'vertical' 3106 } 3107 }, 3108 3109 { 3110 name : 'Scaling and turning cuboid to right (90°)', 3111 rows : 1, 3112 cols : 1, 3113 tile : { 3114 delay : 75, 3115 sequence : 'random' 3116 }, 3117 animation : { 3118 transition : { 3119 scale3d : .8, rotate: 7, rotateX: 10, rotateY: 45 3120 }, 3121 easing : 'easeInOutQuad', 3122 duration : 800, 3123 direction : 'horizontal' 3124 }, 3125 after : { 3126 transition : { 3127 rotate : 0, rotateX: 0, rotateY : 90 3128 }, 3129 duration : 800, 3130 easing : 'easeInOutQuad' 3131 } 3132 }, 3133 3134 { 3135 name : 'Scaling and turning cuboid to left (90°)', 3136 rows : 1, 3137 cols : 1, 3138 tile : { 3139 delay : 75, 3140 sequence : 'random' 3141 }, 3142 animation : { 3143 transition : { 3144 scale3d : .8, rotate: -7, rotateX : 10, rotateY: -45 3145 }, 3146 easing : 'easeInOutQuad', 3147 duration : 800, 3148 direction : 'horizontal' 3149 }, 3150 after : { 3151 transition : { 3152 rotate : 0, rotateX : 0, rotateY : -90 3153 }, 3154 duration : 800, 3155 easing : 'easeInOutQuad' 3156 } 3157 }, 3158 3159 { 3160 name : 'Scaling and turning cuboids to right (90°)', 3161 rows : [2,4], 3162 cols : [4,7], 3163 tile : { 3164 delay : 75, 3165 sequence : 'forward' 3166 }, 3167 before : { 3168 transition : { 3169 scale3d : .85 3170 }, 3171 duration : 450, 3172 easing : 'easeInOutQuint' 3173 }, 3174 animation : { 3175 transition : { 3176 rotateY: 90 3177 }, 3178 easing : 'easeInOutBack', 3179 duration : 1000, 3180 direction : 'horizontal' 3181 }, 3182 after : { 3183 duration : 350, 3184 easing : 'easeInOutBack' 3185 } 3186 }, 3187 3188 { 3189 name : 'Scaling and turning cuboids to left (90°)', 3190 rows : [2,4], 3191 cols : [4,7], 3192 tile : { 3193 delay : 75, 3194 sequence : 'reverse' 3195 }, 3196 before : { 3197 transition : { 3198 scale3d : .85 3199 }, 3200 duration : 450, 3201 easing : 'easeInOutQuint' 3202 }, 3203 animation : { 3204 transition : { 3205 rotateY: -90 3206 }, 3207 easing : 'easeInOutBack', 3208 duration : 1000, 3209 direction : 'horizontal' 3210 }, 3211 after : { 3212 duration : 350, 3213 easing : 'easeInOutBack' 3214 } 3215 }, 3216 3217 { 3218 name : 'Scaling and turning cuboids to bottom (90°)', 3219 rows : [2,4], 3220 cols : [4,7], 3221 tile : { 3222 delay : 75, 3223 sequence : 'col-forward' 3224 }, 3225 before : { 3226 transition : { 3227 scale3d : .85 3228 }, 3229 duration : 450, 3230 easing : 'easeInOutQuint' 3231 }, 3232 animation : { 3233 transition : { 3234 rotateX: -90 3235 }, 3236 easing : 'easeInOutBack', 3237 duration : 1000, 3238 direction : 'vertical' 3239 }, 3240 after : { 3241 duration : 350, 3242 easing : 'easeInOutBack' 3243 } 3244 }, 3245 3246 { 3247 name : 'Scaling and turning cuboids to top (90°)', 3248 rows : [2,4], 3249 cols : [4,7], 3250 tile : { 3251 delay : 75, 3252 sequence : 'col-reverse' 3253 }, 3254 before : { 3255 transition : { 3256 scale3d : .85 3257 }, 3258 duration : 450, 3259 easing : 'easeInOutQuint' 3260 }, 3261 animation : { 3262 transition : { 3263 rotateX: 90 3264 }, 3265 easing : 'easeInOutBack', 3266 duration : 1000, 3267 direction : 'vertical' 3268 }, 3269 after : { 3270 duration : 350, 3271 easing : 'easeInOutBack' 3272 } 3273 }, 3274 3275 { 3276 name : 'Scaling and horizontal turning cuboids random (90°)', 3277 rows : [2,4], 3278 cols : [4,7], 3279 tile : { 3280 delay : 75, 3281 sequence : 'random' 3282 }, 3283 before : { 3284 transition : { 3285 scale3d : .65, rotateX : -15 3286 }, 3287 duration : 700, 3288 easing : 'easeInOutQuint' 3289 }, 3290 animation : { 3291 transition : {
3292 rotateY : 75, rotateX : 15 3293 }, 3294 easing : 'easeInOutBack', 3295 duration : 700, 3296 direction : 'horizontal' 3297 }, 3298 after : { 3299 transition : { 3300 rotateY : 90, rotateX : 0 3301 }, 3302 duration : 700, 3303 easing : 'easeInOutBack' 3304 } 3305 }, 3306 3307 { 3308 name : 'Scaling and vertical turning cuboids random (90°)', 3309 rows : [2,4], 3310 cols : [4,7], 3311 tile : { 3312 delay : 75, 3313 sequence : 'random' 3314 }, 3315 before : { 3316 transition : { 3317 scale3d : .65, rotateY : 15 3318 }, 3319 duration : 700, 3320 easing : 'easeInOutQuint' 3321 }, 3322 animation : { 3323 transition : { 3324 rotateX: 75, rotateY : -15 3325 }, 3326 easing : 'easeInOutBack', 3327 duration : 700, 3328 direction : 'vertical' 3329 }, 3330 after : { 3331 transition : { 3332 rotateX: 90, rotateY : 0 3333 }, 3334 duration : 700, 3335 easing : 'easeInOutBack' 3336 } 3337 }, 3338 3339 { 3340 name : 'Turning rows to right (90°)', 3341 rows : [5,9], 3342 cols : 1, 3343 tile : { 3344 delay : 75, 3345 sequence : 'forward' 3346 }, 3347 animation : { 3348 transition : { 3349 rotateY : 90 3350 }, 3351 easing : 'easeInOutQuart', 3352 duration : 1500, 3353 direction : 'horizontal' 3354 } 3355 }, 3356 3357 { 3358 name : 'Turning rows to left (90°)', 3359 rows : [5,9], 3360 cols : 1, 3361 tile : { 3362 delay : 75, 3363 sequence : 'forward' 3364 }, 3365 animation : { 3366 transition : { 3367 rotateY : -90 3368 }, 3369 easing : 'easeInOutQuart', 3370 duration : 1500, 3371 direction : 'horizontal' 3372 } 3373 }, 3374 3375 { 3376 name : 'Horizontal turning rows random (90°)', 3377 rows : [5,9], 3378 cols : 1, 3379 tile : { 3380 delay : 75, 3381 sequence : 'random' 3382 }, 3383 animation : { 3384 transition : { 3385 rotateY : 90 3386 }, 3387 easing : 'easeInOutQuart', 3388 duration : 1500, 3389 direction : 'horizontal' 3390 } 3391 }, 3392 3393 { 3394 name : 'Scaling and turning rows to right (90°)', 3395 rows : [5,9], 3396 cols : 1, 3397 tile : { 3398 delay : 75, 3399 sequence : 'forward' 3400 }, 3401 before : { 3402 transition : { 3403 scale3d : .85, rotateX : 3 3404 }, 3405 duration : 600, 3406 easing : 'easeOutBack' 3407 }, 3408 animation : { 3409 transition : { 3410 rotateY : 87, rotateX : 0 3411 }, 3412 easing : 'easeInOutBack', 3413 duration : 1000, 3414 direction : 'horizontal' 3415 }, 3416 after : { 3417 transition : { 3418 delay : 200, rotateY : 90 3419 }, 3420 easing : 'easeOutBack', 3421 duration : 600 3422 } 3423 }, 3424 3425 { 3426 name : 'Scaling and turning rows to left (90°)', 3427 rows : [5,9], 3428 cols : 1, 3429 tile : { 3430 delay : 75, 3431 sequence : 'reverse' 3432 }, 3433 before : { 3434 transition : { 3435 scale3d : .85, rotateX : 3 3436 }, 3437 duration : 600, 3438 easing : 'easeOutBack' 3439 }, 3440 animation : { 3441 transition : { 3442 rotateY : -90, rotateX : 0 3443 }, 3444 easing : 'easeInOutBack', 3445 duration : 1000, 3446 direction : 'horizontal' 3447 }, 3448 after : { 3449 transition : { 3450 delay : 200 3451 }, 3452 easing : 'easeOutBack', 3453 duration : 600 3454 } 3455 }, 3456 3457 { 3458 name : 'Scaling and turning rows to bottom (90°)', 3459 rows : [5,9], 3460 cols : 1, 3461 tile : { 3462 delay : 75, 3463 sequence : 'forward' 3464 }, 3465 before : { 3466 transition : { 3467 scale3d : .85 3468 }, 3469 duration : 600, 3470 easing : 'easeOutBack' 3471 }, 3472 animation : { 3473 transition : { 3474 rotateX : -90 3475 }, 3476 easing : 'easeInOutBack', 3477 duration : 1000, 3478 direction : 'vertical' 3479 }, 3480 after : { 3481 transition : { 3482 delay : 200 3483 }, 3484 easing : 'easeOutBack', 3485 duration : 600 3486 } 3487 }, 3488 3489 { 3490 name : 'Scaling and turning rows to top (90°)', 3491 rows : [5,9], 3492 cols : 1, 3493 tile : { 3494 delay : 75, 3495 sequence : 'reverse' 3496 }, 3497 before : { 3498 transition : { 3499 scale3d : .85 3500 }, 3501 duration : 600, 3502 easing : 'easeOutBack' 3503 }, 3504 animation : { 3505 transition : { 3506 rotateX : 90 3507 }, 3508 easing : 'easeInOutBack', 3509 duration : 1000, 3510 direction : 'vertical' 3511 }, 3512 after : { 3513 transition : { 3514 delay : 200 3515 }, 3516 easing : 'easeOutBack', 3517 duration : 600 3518 } 3519 }, 3520 3521 { 3522 name : 'Scaling and horizontal turning rows random (90°)', 3523 rows : [5,9], 3524 cols : 1, 3525 tile : { 3526 delay : 75, 3527 sequence : 'random' 3528 }, 3529 before : { 3530 transition : { 3531 scale3d : .85, rotateX : 3 3532 }, 3533 duration : 600, 3534 easing : 'easeOutBack' 3535 }, 3536 animation : { 3537 transition : { 3538 rotateY : 90, rotateX : 0 3539 }, 3540 easing : 'easeInOutBack', 3541 duration : 1000, 3542 direction : 'horizontal' 3543 }, 3544 after : { 3545 transition : { 3546 delay : 200 3547 }, 3548 easing : 'easeOutBack', 3549 duration : 600 3550 } 3551 }, 3552 3553 { 3554 name : 'Scaling and vertical turning rows random (90°)', 3555 rows : [5,9],
3556 cols : 1, 3557 tile : { 3558 delay : 75, 3559 sequence : 'random' 3560 }, 3561 before : { 3562 transition : { 3563 scale3d : .85 3564 }, 3565 duration : 600, 3566 easing : 'easeOutBack' 3567 }, 3568 animation : { 3569 transition : { 3570 rotateX : -90 3571 }, 3572 easing : 'easeInOutBack', 3573 duration : 1000, 3574 direction : 'vertical' 3575 }, 3576 after : { 3577 transition : { 3578 delay : 200 3579 }, 3580 easing : 'easeOutBack', 3581 duration : 600 3582 } 3583 }, 3584 3585 { 3586 name : 'Scaling and horizontal turning drunk rows to right (90°)', 3587 rows : [7,11], 3588 cols : 1, 3589 tile : { 3590 delay : 75, 3591 sequence : 'forward' 3592 }, 3593 animation : { 3594 transition : { 3595 scale3d : .85, rotateX : 5, rotateY : 45 3596 }, 3597 easing : 'easeInOutQuint', 3598 duration : 1000, 3599 direction : 'horizontal' 3600 }, 3601 after : { 3602 transition : { 3603 rotateX : 0, rotateY : 90 3604 }, 3605 easing : 'easeInOutQuint', 3606 duration : 1000 3607 } 3608 }, 3609 3610 { 3611 name : 'Scaling and horizontal turning drunk rows to left (90°)', 3612 rows : [7,11], 3613 cols : 1, 3614 tile : { 3615 delay : 75, 3616 sequence : 'reverse' 3617 }, 3618 animation : { 3619 transition : { 3620 scale3d : .85, rotateX : 5, rotateY : -45 3621 }, 3622 easing : 'easeInOutQuint', 3623 duration : 1000, 3624 direction : 'horizontal' 3625 }, 3626 after : { 3627 transition : { 3628 rotateX : 0, rotateY : -90 3629 }, 3630 easing : 'easeInOutQuint', 3631 duration : 1000 3632 } 3633 }, 3634 3635 { 3636 name : 'Turning columns to bottom (90°)', 3637 rows : 1, 3638 cols : [5,9], 3639 tile : { 3640 delay : 75, 3641 sequence : 'forward' 3642 }, 3643 animation : { 3644 transition : { 3645 rotateX : -90 3646 }, 3647 easing : 'easeInOutQuart', 3648 duration : 1000, 3649 direction : 'vertical' 3650 } 3651 }, 3652 3653 { 3654 name : 'Turning columns to top (90°)', 3655 rows : 1, 3656 cols : [5,9], 3657 tile : { 3658 delay : 75, 3659 sequence : 'reverse' 3660 }, 3661 animation : { 3662 transition : { 3663 rotateX : 90 3664 }, 3665 easing : 'easeInOutQuart', 3666 duration : 1000, 3667 direction : 'vertical' 3668 } 3669 }, 3670 3671 { 3672 name : 'Vertical turning columns random (90°)', 3673 rows : 1, 3674 cols : [5,9], 3675 tile : { 3676 delay : 75, 3677 sequence : 'random' 3678 }, 3679 animation : { 3680 transition : { 3681 rotateX : -90 3682 }, 3683 easing : 'easeInOutQuart', 3684 duration : 1000, 3685 direction : 'vertical' 3686 } 3687 }, 3688 3689 { 3690 name : 'Scaling and turning columns to bottom (90°)', 3691 rows : 1, 3692 cols : [7,11], 3693 tile : { 3694 delay : 75, 3695 sequence : 'forward' 3696 }, 3697 before : { 3698 transition : { 3699 scale3d : .85 3700 }, 3701 duration : 600, 3702 easing : 'easeOutBack' 3703 }, 3704 animation : { 3705 transition : { 3706 rotateX : -90 3707 }, 3708 easing : 'easeInOutBack', 3709 duration : 1000, 3710 direction : 'vertical' 3711 }, 3712 after : { 3713 transition : { 3714 delay : 200 3715 }, 3716 easing : 'easeOutBack', 3717 duration : 600 3718 } 3719 }, 3720 3721 { 3722 name : 'Scaling and turning columns to top (90°)', 3723 rows : 1, 3724 cols : [7,11], 3725 tile : { 3726 delay : 75, 3727 sequence : 'reverse' 3728 }, 3729 before : { 3730 transition : { 3731 scale3d : .85 3732 }, 3733 duration : 600, 3734 easing : 'easeOutBack' 3735 }, 3736 animation : { 3737 transition : { 3738 rotateX : 90 3739 }, 3740 easing : 'easeInOutBack', 3741 duration : 1000, 3742 direction : 'vertical' 3743 }, 3744 after : { 3745 transition : { 3746 delay : 200 3747 }, 3748 easing : 'easeOutBack', 3749 duration : 600 3750 } 3751 }, 3752 3753 { 3754 name : 'Scaling and turning columns to right (90°)', 3755 rows : 1, 3756 cols : [7,11], 3757 tile : { 3758 delay : 75, 3759 sequence : 'forward' 3760 }, 3761 before : { 3762 transition : { 3763 scale3d : .85 3764 }, 3765 duration : 600, 3766 easing : 'easeOutBack' 3767 }, 3768 animation : { 3769 transition : { 3770 rotateY : 90 3771 }, 3772 easing : 'easeInOutBack', 3773 duration : 1000, 3774 direction : 'horizontal' 3775 }, 3776 after : { 3777 transition : { 3778 delay : 200 3779 }, 3780 easing : 'easeOutBack', 3781 duration : 600 3782 } 3783 }, 3784 3785 { 3786 name : 'Scaling and turning columns to left (90°)', 3787 rows : 1, 3788 cols : [7,11], 3789 tile : { 3790 delay : 75, 3791 sequence : 'reverse' 3792 }, 3793 before : { 3794 transition : { 3795 scale3d : .85 3796 }, 3797 duration : 600, 3798 easing : 'easeOutBack' 3799 }, 3800 animation : { 3801 transition : { 3802 rotateY : -90 3803 }, 3804 easing : 'easeInOutBack', 3805 duration : 1000, 3806 direction : 'horizontal' 3807 }, 3808 after : { 3809 transition : { 3810 delay : 200 3811 }, 3812 easing : 'easeOutBack', 3813 duration : 600 3814 } 3815 }, 3816 3817 { 3818 name : 'Scaling and horizontal turning columns random (90°)', 3819 rows : 1, 3820 cols : [7,11], 3821 tile : { 3822 delay : 75, 3823 sequence : 'random' 3824 }, 3825 before : { 3826 transition : { 3827 scale3d : .85 3828 }, 3829 duration : 600, 3830 easing : 'easeOutBack' 3831 }, 3832 animation : { 3833 transition : { 3834 rotateY : 90 3835 }, 3836 easing : 'easeInOutBack', 3837 duration : 1000, 3838 direction : 'horizontal' 3839 }, 3840 after : { 3841 transition : { 3842 delay : 200 3843 }, 3844 easing : 'easeOutBack', 3845 duration : 600 3846 } 3847 }, 3848 3849 { 3850 name : 'Scaling and vertical turning columns random (90°)', 3851 rows : 1, 3852 cols : [7,11], 3853 tile : { 3854 delay : 75, 3855 sequence : 'random' 3856 }, 3857 before : { 3858 transition : { 3859 scale3d : .85 3860 }, 3861 duration : 600, 3862 easing : 'easeOutBack' 3863 }, 3864 animation : { 3865 transition : { 3866 rotateX : -90 3867 }, 3868 easing : 'easeInOutBack', 3869 duration : 1000, 3870 direction : 'vertical' 3871 }, 3872 after : { 3873 transition : { 3874 delay : 200 3875 }, 3876 easing : 'easeOutBack', 3877 duration : 600 3878 } 3879 }, 3880 3881 { 3882 name : 'Scaling and vertical turning drunk columns to right (90°)', 3883 rows : 1, 3884 cols : [7,11], 3885 tile : { 3886 delay : 75, 3887 sequence : 'forward' 3888 }, 3889 animation : { 3890 transition : { 3891 scale3d : .85, rotateX : 45, rotateY : -5 3892 }, 3893 easing : 'easeInOutQuint', 3894 duration : 1000, 3895 direction : 'vertical' 3896 }, 3897 after : { 3898 transition : { 3899 rotateX : 90, rotateY : 0 3900 }, 3901 easing : 'easeInOutQuint', 3902 duration : 1000 3903 } 3904 }, 3905 3906 { 3907 name : 'Scaling and vertical turning drunk columns to left (90°)', 3908 rows : 1, 3909 cols : [7,11], 3910 tile : { 3911 delay : 75, 3912 sequence : 'reverse' 3913 }, 3914 animation : { 3915 transition : { 3916 scale3d : .85, rotateX : -45, rotateY : -5 3917 }, 3918 easing : 'easeInOutQuint', 3919 duration : 1000, 3920 direction : 'vertical' 3921 }, 3922 after : { 3923 transition : { 3924 rotateX : -90, rotateY : 0 3925 }, 3926 easing : 'easeInOutQuint', 3927 duration : 1000 3928 } 3929 }, 3930 3931 // Spinning transitions (180deg, large detph) 3932 3933 { 3934 name : 'Spinning cuboid to right (180°, large depth)', 3935 rows : 1, 3936 cols : 1, 3937 tile : { 3938 delay : 75, 3939 sequence : 'forward', 3940 depth : 'large' 3941 }, 3942 animation : { 3943 transition : { 3944 rotateY: 180 3945 }, 3946 easing : 'easeInOutQuart', 3947 duration : 1500, 3948 direction : 'horizontal' 3949 } 3950 }, 3951 3952 { 3953 name : 'Spinning cuboid to left (180°, large depth)', 3954 rows : 1, 3955 cols : 1, 3956 tile : { 3957 delay : 75, 3958 sequence : 'forward', 3959 depth : 'large' 3960 }, 3961 animation : { 3962 transition : { 3963 rotateY: -180 3964 }, 3965 easing : 'easeInOutQuart', 3966 duration : 1500, 3967 direction : 'horizontal' 3968 } 3969 }, 3970 3971 { 3972 name : 'Spinning cuboid to bottom (180°, large depth)', 3973 rows : 1, 3974 cols : 1, 3975 tile : { 3976 delay : 75, 3977 sequence : 'forward', 3978 depth : 'large' 3979 }, 3980 animation : { 3981 transition : { 3982 rotateX: -180 3983 }, 3984 easing : 'easeInOutQuart', 3985 duration : 1500, 3986 direction : 'vertical' 3987 } 3988 }, 3989 3990 { 3991 name : 'Spinning cuboid to top (180°, large depth)', 3992 rows : 1, 3993 cols : 1, 3994 tile : { 3995 delay : 75, 3996 sequence : 'forward', 3997 depth : 'large' 3998 }, 3999 animation : { 4000 transition : { 4001 rotateX: 180 4002 }, 4003 easing : 'easeInOutQuart', 4004 duration : 1500, 4005 direction : 'vertical' 4006 } 4007 }, 4008 4009 { 4010 name : 'Scaling and spinning cuboids to right (180°, large depth)', 4011 rows : [2,4], 4012 cols : [4,7], 4013 tile : { 4014 delay : 75, 4015 sequence : 'forward', 4016 depth: 'large' 4017 }, 4018 before : { 4019 transition : { 4020 scale3d : .85 4021 }, 4022 duration : 450, 4023 easing : 'easeInOutQuint' 4024 }, 4025 animation : { 4026 transition : { 4027 rotateY: 180 4028 }, 4029 easing : 'easeInOutBack', 4030 duration : 1000, 4031 direction : 'horizontal' 4032 }, 4033 after : { 4034 duration : 350, 4035 easing : 'easeInOutBack' 4036 } 4037 }, 4038 4039 { 4040 name : 'Scaling and spinning cuboids to left (180°, large depth)', 4041 rows : [2,4], 4042 cols : [4,7], 4043 tile : { 4044 delay : 75, 4045 sequence : 'reverse', 4046 depth: 'large' 4047 }, 4048 before : { 4049 transition : { 4050 scale3d : .85 4051 }, 4052 duration : 450, 4053 easing : 'easeInOutQuint' 4054 }, 4055 animation : { 4056 transition : { 4057 rotateY: -180 4058 }, 4059 easing : 'easeInOutBack', 4060 duration : 1000, 4061 direction : 'horizontal' 4062 }, 4063 after : { 4064 duration : 350, 4065 easing : 'easeInOutBack' 4066 } 4067 }, 4068 4069 { 4070 name : 'Scaling and spinning cuboids to bottom (180°, large depth)', 4071 rows : [2,4], 4072 cols : [4,7], 4073 tile : { 4074 delay : 75, 4075 sequence : 'col-forward', 4076 depth: 'large' 4077 }, 4078 before : { 4079 transition : { 4080 scale3d : .85 4081 }, 4082 duration : 450, 4083 easing : 'easeInOutQuint' 4084 }, 4085 animation : { 4086 transition : { 4087 rotateX: -180 4088 }, 4089 easing : 'easeInOutBack', 4090 duration : 1000, 4091 direction : 'vertical' 4092 }, 4093 after : { 4094 duration : 350, 4095 easing : 'easeInOutBack' 4096 } 4097 }, 4098 4099 { 4100 name : 'Scaling and spinning cuboids to top (180°, large depth)', 4101 rows : [2,4], 4102 cols : [4,7], 4103 tile : { 4104 delay : 75, 4105 sequence : 'col-reverse', 4106 depth: 'large' 4107 }, 4108 before : { 4109 transition : { 4110 scale3d : .85 4111 }, 4112 duration : 450, 4113 easing : 'easeInOutQuint' 4114 }, 4115 animation : { 4116 transition : { 4117 rotateX: 180 4118 }, 4119 easing : 'easeInOutBack', 4120 duration : 1000, 4121 direction : 'vertical' 4122 }, 4123 after : { 4124 duration : 350, 4125 easing : 'easeInOutBack' 4126 } 4127 }, 4128 4129 { 4130 name : 'Scaling and horizontal spinning cuboids random (180°, large depth)', 4131 rows : [2,4], 4132 cols : [4,7], 4133 tile : { 4134 delay : 75, 4135 sequence : 'random', 4136 depth: 'large' 4137 }, 4138 before : { 4139 transition : { 4140 scale3d : .65 4141 }, 4142 duration : 700, 4143 easing : 'easeInOutQuint' 4144 }, 4145 animation : { 4146 transition : { 4147 rotateY : 180 4148 }, 4149 easing : 'easeInOutBack', 4150 duration : 700, 4151 direction : 'horizontal' 4152 }, 4153 after : { 4154 duration : 700, 4155 easing : 'easeInOutBack' 4156 } 4157 }, 4158 4159 { 4160 name : 'Scaling and vertical spinning cuboids random (180°, large depth)', 4161 rows : [2,4], 4162 cols : [4,7], 4163 tile : { 4164 delay : 75, 4165 sequence : 'random', 4166 depth: 'large' 4167 }, 4168 before : { 4169 transition : { 4170 scale3d : .65 4171 }, 4172 duration : 700, 4173 easing : 'easeInOutQuint' 4174 }, 4175 animation : { 4176 transition : { 4177 rotateX: 180 4178 }, 4179 easing : 'easeInOutBack', 4180 duration : 700, 4181 direction : 'vertical' 4182 }, 4183 after : { 4184 duration : 700, 4185 easing : 'easeInOutBack' 4186 } 4187 }, 4188 4189 { 4190 name : 'Scaling and spinning rows to right (180°, large depth)', 4191 rows : [5,9],
4192 cols : 1, 4193 tile : { 4194 delay : 65, 4195 sequence : 'forward', 4196 depth: 'large' 4197 }, 4198 before : { 4199 transition : { 4200 scale3d : .85, rotateX : 3 4201 }, 4202 duration : 600, 4203 easing : 'easeOutBack' 4204 }, 4205 animation : { 4206 transition : { 4207 rotateY : 180, rotateX : -3 4208 }, 4209 easing : 'easeInOutQuart', 4210 duration : 1200, 4211 direction : 'horizontal' 4212 }, 4213 after : { 4214 transition : { 4215 delay : 200, rotateX : 0 4216 }, 4217 easing : 'easeOutQuart', 4218 duration : 400 4219 } 4220 }, 4221 4222 { 4223 name : 'Scaling and spinning rows to left (180°, large depth)', 4224 rows : [5,9], 4225 cols : 1, 4226 tile : { 4227 delay : 65, 4228 sequence : 'reverse', 4229 depth: 'large' 4230 }, 4231 before : { 4232 transition : { 4233 scale3d : .85, rotateX : 3 4234 }, 4235 duration : 600, 4236 easing : 'easeOutBack' 4237 }, 4238 animation : { 4239 transition : { 4240 rotateY : -180, rotateX : -3 4241 }, 4242 easing : 'easeInOutQuart', 4243 duration : 1200, 4244 direction : 'horizontal' 4245 }, 4246 after : { 4247 transition : { 4248 delay : 200, rotateX : 0 4249 }, 4250 easing : 'easeOutQuart', 4251 duration : 400 4252 } 4253 }, 4254 4255 { 4256 name : 'Scaling and spinning rows to bottom (180°, large depth)', 4257 rows : [5,9], 4258 cols : 1, 4259 tile : { 4260 delay : 65, 4261 sequence : 'forward', 4262 depth: 'large' 4263 }, 4264 before : { 4265 transition : { 4266 scale3d : .85 4267 }, 4268 duration : 600, 4269 easing : 'easeOutBack' 4270 }, 4271 animation : { 4272 transition : { 4273 rotateX : -180 4274 }, 4275 easing : 'easeInOutBack', 4276 duration : 1000, 4277 direction : 'vertical' 4278 }, 4279 after : { 4280 transition : { 4281 delay : 200 4282 }, 4283 easing : 'easeOutQuart', 4284 duration : 400 4285 } 4286 }, 4287 4288 { 4289 name : 'Scaling and spinning rows to top (180°, large depth)', 4290 rows : [5,9], 4291 cols : 1, 4292 tile : { 4293 delay : 65, 4294 sequence : 'reverse', 4295 depth: 'large' 4296 }, 4297 before : { 4298 transition : { 4299 scale3d : .85 4300 }, 4301 duration : 600, 4302 easing : 'easeOutBack' 4303 }, 4304 animation : { 4305 transition : { 4306 rotateX : 180 4307 }, 4308 easing : 'easeInOutBack', 4309 duration : 1000, 4310 direction : 'vertical' 4311 }, 4312 after : { 4313 transition : { 4314 delay : 200 4315 }, 4316 easing : 'easeOutQuart', 4317 duration : 400 4318 } 4319 }, 4320 4321 { 4322 name : 'Scaling and horizontal spinning rows random (180°, large depth)', 4323 rows : [5,9], 4324 cols : 1, 4325 tile : { 4326 delay : 65, 4327 sequence : 'random', 4328 depth: 'large' 4329 }, 4330 before : { 4331 transition : { 4332 scale3d : .85, rotateX : 3 4333 }, 4334 duration : 600, 4335 easing : 'easeOutBack' 4336 }, 4337 animation : { 4338 transition : { 4339 rotateY : 180, rotateX : -3 4340 }, 4341 easing : 'easeInOutQuart', 4342 duration : 1200, 4343 direction : 'horizontal' 4344 }, 4345 after : { 4346 transition : { 4347 delay : 200, rotateX : 0 4348 }, 4349 easing : 'easeOutQuart', 4350 duration : 400 4351 } 4352 }, 4353 4354 { 4355 name : 'Scaling and vertical spinning rows random (180°, large depth)', 4356 rows : [5,9], 4357 cols : 1, 4358 tile : { 4359 delay : 65, 4360 sequence : 'random', 4361 depth: 'large' 4362 }, 4363 before : { 4364 transition : { 4365 scale3d : .85 4366 }, 4367 duration : 600, 4368 easing : 'easeOutBack' 4369 }, 4370 animation : { 4371 transition : { 4372 rotateX : -180 4373 }, 4374 easing : 'easeInOutBack', 4375 duration : 1000, 4376 direction : 'vertical' 4377 }, 4378 after : { 4379 transition : { 4380 delay : 200 4381 }, 4382 easing : 'easeOutQuart', 4383 duration : 400 4384 } 4385 }, 4386 4387 { 4388 name : 'Scaling and spinning columns to bottom (180°, large depth)', 4389 rows : 1, 4390 cols : [7,11], 4391 tile : { 4392 delay : 65, 4393 sequence : 'forward', 4394 depth: 'large' 4395 }, 4396 before : { 4397 transition : { 4398 scale3d : .85 4399 }, 4400 duration : 600, 4401 easing : 'easeOutBack' 4402 }, 4403 animation : { 4404 transition : { 4405 rotateX : -180 4406 }, 4407 easing : 'easeInOutQuart', 4408 duration : 1200, 4409 direction : 'vertical' 4410 }, 4411 after : { 4412 transition : { 4413 delay : 200 4414 }, 4415 easing : 'easeOutQuart', 4416 duration : 400 4417 } 4418 }, 4419 4420 { 4421 name : 'Scaling and spinning columns to top (180°, large depth)', 4422 rows : 1, 4423 cols : [7,11], 4424 tile : { 4425 delay : 65, 4426 sequence : 'reverse', 4427 depth: 'large' 4428 }, 4429 before : { 4430 transition : { 4431 scale3d : .85 4432 }, 4433 duration : 600, 4434 easing : 'easeOutBack' 4435 }, 4436 animation : { 4437 transition : { 4438 rotateX : 180 4439 }, 4440 easing : 'easeInOutQuart', 4441 duration : 1200, 4442 direction : 'vertical' 4443 }, 4444 after : { 4445 transition : { 4446 delay : 200 4447 }, 4448 easing : 'easeOutQuart', 4449 duration : 400 4450 } 4451 }, 4452 4453 { 4454 name : 'Scaling and spinning columns to right (180°, large depth)', 4455 rows : 1, 4456 cols : [7,11], 4457 tile : { 4458 delay : 65, 4459 sequence : 'forward', 4460 depth: 'large' 4461 }, 4462 before : { 4463 transition : { 4464 scale3d : .85 4465 }, 4466 duration : 600, 4467 easing : 'easeOutBack' 4468 }, 4469 animation : { 4470 transition : { 4471 rotateY : 180 4472 }, 4473 easing : 'easeInOutBack', 4474 duration : 1000, 4475 direction : 'horizontal' 4476 }, 4477 after : { 4478 transition : { 4479 delay : 200 4480 }, 4481 easing : 'easeOutQuart', 4482 duration : 400 4483 } 4484 }, 4485 4486 { 4487 name : 'Scaling and spinning columns to left (180°, large depth)', 4488 rows : 1, 4489 cols : [7,11], 4490 tile : { 4491 delay : 65, 4492 sequence : 'reverse', 4493 depth: 'large' 4494 }, 4495 before : { 4496 transition : { 4497 scale3d : .85 4498 }, 4499 duration : 600, 4500 easing : 'easeOutBack' 4501 }, 4502 animation : { 4503 transition : { 4504 rotateY : -180 4505 }, 4506 easing : 'easeInOutBack', 4507 duration : 1000, 4508 direction : 'horizontal' 4509 }, 4510 after : { 4511 transition : { 4512 delay : 200 4513 }, 4514 easing : 'easeOutQuart', 4515 duration : 400 4516 } 4517 }, 4518 4519 { 4520 name : 'Scaling and horizontal spinning columns random (180°, large depth)', 4521 rows : 1, 4522 cols : [7,11], 4523 tile : { 4524 delay : 65, 4525 sequence : 'random', 4526 depth: 'large' 4527 }, 4528 before : { 4529 transition : { 4530 scale3d : .85 4531 }, 4532 duration : 600, 4533 easing : 'easeOutBack' 4534 }, 4535 animation : { 4536 transition : { 4537 rotateY : 180 4538 }, 4539 easing : 'easeInOutBack', 4540 duration : 1000, 4541 direction : 'horizontal' 4542 }, 4543 after : { 4544 transition : { 4545 delay : 200 4546 }, 4547 easing : 'easeOutQuart', 4548 duration : 400 4549 } 4550 }, 4551 4552 { 4553 name : 'Scaling and vertical spinning columns random (180°, large depth)', 4554 rows : 1, 4555 cols : [7,11], 4556 tile : { 4557 delay : 65, 4558 sequence : 'random', 4559 depth: 'large' 4560 }, 4561 before : { 4562 transition : { 4563 scale3d : .85 4564 }, 4565 duration : 600, 4566 easing : 'easeOutBack' 4567 }, 4568 animation : { 4569 transition : { 4570 rotateX : -180 4571 }, 4572 easing : 'easeInOutQuart', 4573 duration : 1200, 4574 direction : 'vertical' 4575 }, 4576 after : { 4577 transition : { 4578 delay : 200 4579 }, 4580 easing : 'easeOutQuart', 4581 duration : 400 4582 } 4583 } 4584 ] 4585};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.