/*
This file controls the levelshot transition animations.
Levelshots must be named "levelshotTransition" with a
number at the end to be detected by the tracker.
The number 0 will not work, because it is used for the
"random" setting.

Also, the only thing being animated in these transitions
is the old levelshot. The new levelshot is not animated.
*/


/* Fade */
@keyframes levelshotTransition1
{
    0% {opacity: 1;}
    100% {opacity: 0;}
}

/* Smooth Fade */
@keyframes levelshotTransition2
{
    0% {animation-timing-function: ease-in-out; opacity: 1; filter: brightness(100%);}
    100% {animation-timing-function: ease-in-out; opacity: 0; filter: brightness(0%);}
}

/* Hue Shift */
@keyframes levelshotTransition3
{
    0% {opacity: 1; filter: hue-rotate(0deg) }
    100% {opacity: 0; filter: hue-rotate(440deg) }
}

/* Skew */
@keyframes levelshotTransition4
{
    0% {opacity: 1; transform: skew(0deg,0deg);}
    100% {opacity: 0; transform: skew(45deg,45deg);}
}

/* Horizontal Stretch */
@keyframes levelshotTransition5
{
    0% {width: 100%; height: 100%; top: 0px; left: 0%; opacity: 1;}
    100% {width: 200%; height: 0%; top: 50%; left: -50%; opacity: .3;}
}

/* Stretch and Rebound */
@keyframes levelshotTransition6
{
    0% {opacity: 1; transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
    100% {opacity: 0; transform: matrix3d(1,0,4,0,0,2,2,0,0,0,1,0,0,0,0,1);}
}

/* Slide Left */
@keyframes levelshotTransition7
{
    0% {left: 0%; opacity: 1;}
    100% {left: -100%; opacity: .3;}
}

/* Slide Right */
@keyframes levelshotTransition8
{
    0% {left: 0%; opacity: 1;}
    100% {left: 100%; opacity: .3;}
}

/* Slide Top */
@keyframes levelshotTransition9
{
    0% {top: 0%; opacity: 1;}
    100% {top: -100%; opacity: .3;}
}

/* Slide Bottom */
@keyframes levelshotTransition10
{
    0% {top: 0%; opacity: 1;}
    100% {top: 100%; opacity: .3;}
}

/* Spin, Fly Left */
@keyframes levelshotTransition11
{
    0% {animation-timing-function: ease-in; opacity: 1}
    100% {transform: rotate(-720deg); width: 0%; height: 0%; opacity: 0}
}

/* Spin, Fly Right */
@keyframes levelshotTransition12
{
    0% {animation-timing-function: ease-in; opacity: 1; left: 0%;}
    100% {animation-timing-function: ease-in; transform: rotate(720deg); width: 0%; height: 0%; opacity: 0; left: 100%;}
}

/* Fall Away */
@keyframes levelshotTransition13
{
    0% {animation-timing-function: linear; opacity: 1; transform: rotateY(0deg); height: 100%; width: 100%; left: 0%; top: 0%;}
    100% {animation-timing-function: linear; opacity: 0; transform: rotateY(540deg); height: 30%; width: 30%; left: 35%; top: 36%;}
}

/* Zoom */
@keyframes levelshotTransition14
{
    0% {opacity: 1; width: 100%; height: 100%; top: 0%; left: 0%}
    100% {opacity: 0; width: 300%; height: 300%; top: -100%; left: -100%}
}

/* Blur */
@keyframes levelshotTransition15
{
    0% {opacity: 1; filter: blur(1px); width: 100%; height: 100%; top: 0%; left: 0%;}
    100% {opacity: 0; filter: blur(12px); width: 110%; height: 110%; top: -5%; left: -5%;}
}