.effect-1 ul.grid li.animate{-webkit-animation:fadeIn .65s ease forwards;animation:fadeIn .65s ease forwards}.effect-2 ul.grid li.animate{-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards}@-webkit-keyframes moveUp{100%{-webkit-transform:translateY(0);opacity:1}}@keyframes moveUp{100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.effect-3 ul.grid li.animate{-webkit-transform:scale(.6);transform:scale(.6);-webkit-animation:scaleUp .65s ease-in-out forwards;animation:scaleUp .65s ease-in-out forwards}@-webkit-keyframes scaleUp{100%{-webkit-transform:scale(1);opacity:1}}@keyframes scaleUp{100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.effect-4 ul.grid{-webkit-perspective:1300px;perspective:1300px}.effect-4 ul.grid li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(400px) translateY(300px) rotateX(-90deg);transform:translateZ(400px) translateY(300px) rotateX(-90deg);-webkit-animation:fallPerspective .8s ease-in-out forwards;animation:fallPerspective .8s ease-in-out forwards}@-webkit-keyframes fallPerspective{100%{-webkit-transform:translateZ(0) translateY(0) rotateX(0);opacity:1}}@keyframes fallPerspective{100%{-webkit-transform:translateZ(0) translateY(0) rotateX(0);transform:translateZ(0) translateY(0) rotateX(0);opacity:1}}.effect-5 ul.grid{-webkit-perspective:1300px;perspective:1300px}.effect-5 ul.grid li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards}@-webkit-keyframes fly{100%{-webkit-transform:rotateX(0);opacity:1}}@keyframes fly{100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.effect-6 ul.grid{-webkit-perspective:1300px;perspective:1300px}.effect-6 ul.grid li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);-webkit-animation:flip .8s ease-in-out forwards;animation:flip .8s ease-in-out forwards}@-webkit-keyframes flip{100%{-webkit-transform:rotateX(0);opacity:1}}@keyframes flip{100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.effect-7 ul.grid{-webkit-perspective:1300px;perspective:1300px}.effect-7 ul.grid li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-animation:helix .8s ease-in-out forwards;animation:helix .8s ease-in-out forwards}@-webkit-keyframes helix{100%{-webkit-transform:rotateY(0);opacity:1}}@keyframes helix{100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}.effect-8 ul.grid{-webkit-perspective:1300px;perspective:1300px}.effect-8 ul.grid li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scale(.4);transform:scale(.4);-webkit-animation:popUp .8s ease-in forwards;animation:popUp .8s ease-in forwards}@-webkit-keyframes popUp{70%{-webkit-transform:scale(1.1);opacity:.8;-webkit-animation-timing-function:ease-out}100%{-webkit-transform:scale(1);opacity:1}}@keyframes popUp{70%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}