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