JEMBOT MAWOT Bypass Shell
//Animate Mixin Plugin
=animate($name: fadeIn, $duration: 1s, $delay: .2s, $function: ease, $mode: both)
+animation($name $duration $delay $function $mode)
//KeyFrame Defaults (pre-made don't edit)
@-webkit-keyframes fadeIn
0%
opacity: 0
100%
opacity: 1
@-webkit-keyframes fadeOut
0%
opacity: 1
100%
opacity: 0
@-webkit-keyframes fadeInUp
0%
opacity: 0
-webkit-transform: translateY(20px)
100%
opacity: 1
-webkit-transform: translateY(0)
@-webkit-keyframes fadeOutUp
0%
opacity: 1
-webkit-transform: translateY(0)
100%
opacity: 0
-webkit-transform: translateY(-20px)
@-webkit-keyframes fadeInDown
0%
opacity: 0
-webkit-transform: translateY(-20px)
100%
opacity: 1
-webkit-transform: translateY(0)
@-webkit-keyframes fadeOutDown
0%
opacity: 1
-webkit-transform: translateY(0)
100%
opacity: 0
-webkit-transform: translateY(20px)
@-webkit-keyframes fadeInRight
0%
opacity: 0
-webkit-transform: translateX(20px)
100%
opacity: 1
-webkit-transform: translateX(0)
@-webkit-keyframes fadeOutLeft
0%
opacity: 1
-webkit-transform: translateX(0)
100%
opacity: 0
-webkit-transform: translateX(-20px)
@-webkit-keyframes fadeInLeft
0%
opacity: 0
-webkit-transform: translateX(-20px)
100%
opacity: 1
-webkit-transform: translateX(0)
@-webkit-keyframes fadeOutRight
0%
opacity: 1
-webkit-transform: translateX(0)
100%
opacity: 0
-webkit-transform: translateX(20px)
@-webkit-keyframes fadeInUpBig
0%
opacity: 0
-webkit-transform: translateY(2000px)
100%
opacity: 1
-webkit-transform: translateY(0)
@-webkit-keyframes fadeOutUpBig
0%
opacity: 1
-webkit-transform: translateY(0)
100%
opacity: 0
-webkit-transform: translateY(-2000px)
@-webkit-keyframes fadeInDownBig
0%
opacity: 0
-webkit-transform: translateY(-2000px)
100%
opacity: 1
-webkit-transform: translateY(0)
@-webkit-keyframes fadeOutDownBig
0%
opacity: 1
-webkit-transform: translateY(0)
100%
opacity: 0
-webkit-transform: translateY(2000px)
@-webkit-keyframes fadeInRightBig
0%
opacity: 0
-webkit-transform: translateX(2000px)
100%
opacity: 1
-webkit-transform: translateX(0)
@-webkit-keyframes fadeOutLeftBig
0%
opacity: 1
-webkit-transform: translateX(0)
100%
opacity: 0
-webkit-transform: translateX(-2000px)
@-webkit-keyframes fadeInLeftBig
0%
opacity: 0
-webkit-transform: translateX(-2000px)
100%
opacity: 1
-webkit-transform: translateX(0)
@-webkit-keyframes fadeOutRightBig
0%
opacity: 1
-webkit-transform: translateX(0)
100%
opacity: 0
-webkit-transform: translateX(2000px)
@-webkit-keyframes bounceIn
0%
opacity: 0
-webkit-transform: scale(0.3)
50%
opacity: 1
-webkit-transform: scale(1.05)
70%
-webkit-transform: scale(0.9)
100%
-webkit-transform: scale(1)
@-webkit-keyframes bounceInDown
0%
opacity: 0
-webkit-transform: translateY(-2000px)
60%
opacity: 1
-webkit-transform: translateY(30px)
80%
-webkit-transform: translateY(-10px)
100%
-webkit-transform: translateY(0)
@-webkit-keyframes bounceInUp
0%
opacity: 0
-webkit-transform: translateY(2000px)
60%
opacity: 1
-webkit-transform: translateY(-30px)
80%
-webkit-transform: translateY(10px)
100%
-webkit-transform: translateY(0)
@-webkit-keyframes bounceInRight
0%
opacity: 0
-webkit-transform: translateX(2000px)
60%
opacity: 1
-webkit-transform: translateX(-30px)
80%
-webkit-transform: translateX(10px)
100%
-webkit-transform: translateX(0)
@-webkit-keyframes bounceInLeft
0%
opacity: 0
-webkit-transform: translateX(-2000px)
60%
opacity: 1
-webkit-transform: translateX(30px)
80%
-webkit-transform: translateX(-10px)
100%
-webkit-transform: translateX(0)
@-webkit-keyframes bounceOut
0%
-webkit-transform: scale(1)
25%
-webkit-transform: scale(0.95)
50%
opacity: 1
-webkit-transform: scale(1.1)
100%
opacity: 0
-webkit-transform: scale(0.3)
@-webkit-keyframes bounceOutUp
0%
-webkit-transform: translateY(0)
20%
opacity: 1
-webkit-transform: translateY(20px)
100%
opacity: 0
-webkit-transform: translateY(-2000px)
@-webkit-keyframes bounceOutDown
0%
-webkit-transform: translateY(0)
20%
opacity: 1
-webkit-transform: translateY(-20px)
100%
opacity: 0
-webkit-transform: translateY(2000px)
@-webkit-keyframes bounceOutLeft
0%
-webkit-transform: translateX(0)
20%
opacity: 1
-webkit-transform: translateX(20px)
100%
opacity: 0
-webkit-transform: translateX(-2000px)
@-webkit-keyframes bounceOutRight
0%
-webkit-transform: translateX(0)
20%
opacity: 1
-webkit-transform: translateX(-20px)
100%
opacity: 0
-webkit-transform: translateX(2000px)
@-webkit-keyframes flash
0%
opacity: 1
25%
opacity: 0
50%
opacity: 1
75%
opacity: 0
100%
opacity: 1
@-webkit-keyframes bounce
0%
-webkit-transform: translateY(0)
20%
-webkit-transform: translateY(0)
40%
-webkit-transform: translateY(-30px)
50%
-webkit-transform: translateY(0)
60%
-webkit-transform: translateY(-15px)
80%
-webkit-transform: translateY(0)
100%
-webkit-transform: translateY(0)
@-webkit-keyframes shake
0%
-webkit-transform: translateX(0)
10%
-webkit-transform: translateX(-10px)
20%
-webkit-transform: translateX(10px)
30%
-webkit-transform: translateX(-10px)
40%
-webkit-transform: translateX(10px)
50%
-webkit-transform: translateX(-10px)
60%
-webkit-transform: translateX(10px)
70%
-webkit-transform: translateX(-10px)
80%
-webkit-transform: translateX(10px)
90%
-webkit-transform: translateX(-10px)
100%
-webkit-transform: translateX(0)
@-webkit-keyframes rotateInDownLeft
0%
-webkit-transform-origin: left bottom
-webkit-transform: rotate(-90deg)
opacity: 0
100%
-webkit-transform-origin: left bottom
-webkit-transform: rotate(0)
opacity: 1
@-webkit-keyframes rotateInUpLeft
0%
-webkit-transform-origin: left bottom
-webkit-transform: rotate(90deg)
opacity: 0
100%
-webkit-transform-origin: left bottom
-webkit-transform: rotate(0)
opacity: 1
@-webkit-keyframes rotateInUpRight
0%
-webkit-transform-origin: right bottom
-webkit-transform: rotate(-90deg)
opacity: 0
100%
-webkit-transform-origin: right bottom
-webkit-transform: rotate(0)
opacity: 1
@-webkit-keyframes rotateInDownRight
0%
-webkit-transform-origin: right bottom
-webkit-transform: rotate(90deg)
opacity: 0
100%
-webkit-transform-origin: right bottom
-webkit-transform: rotate(0)
opacity: 1
@-webkit-keyframes rotateOutDownLeft
0%
-webkit-transform-origin: left bottom
-webkit-transform: rotate(0)
opacity: 1
100%
-webkit-transform-origin: left bottom
-webkit-transform: rotate(90deg)
opacity: 0
@-webkit-keyframes rotateOutUpLeft
0%
-webkit-transform-origin: left bottom
-webkit-transform: rotate(0)
opacity: 1
100%
-webkit-transform-origin: left bottom
-webkit-transform: rotate(-90deg)
opacity: 0
@-webkit-keyframes rotateOutDownRight
0%
-webkit-transform-origin: right bottom
-webkit-transform: rotate(0)
opacity: 1
100%
-webkit-transform-origin: right bottom
-webkit-transform: rotate(-90deg)
opacity: 0
@-webkit-keyframes rotateOutUpRight
0%
-webkit-transform-origin: right bottom
-webkit-transform: rotate(0)
opacity: 1
100%
-webkit-transform-origin: right bottom
-webkit-transform: rotate(90deg)
opacity: 0
@-webkit-keyframes rotateIn
0%
-webkit-transform-origin: center center
-webkit-transform: rotate(-200deg)
opacity: 0
100%
-webkit-transform-origin: center center
-webkit-transform: rotate(0)
opacity: 1
@-webkit-keyframes rotateOut
0%
-webkit-transform-origin: center center
-webkit-transform: rotate(0)
opacity: 1
100%
-webkit-transform-origin: center center
-webkit-transform: rotate(200deg)
opacity: 0
@-webkit-keyframes tada
0%
-webkit-transform: scale(1)
10%
-webkit-transform: scale(0.9) rotate(-3deg)
20%
-webkit-transform: scale(0.9) rotate(-3deg)
30%
-webkit-transform: scale(1.1) rotate(3deg)
40%
-webkit-transform: scale(1.1) rotate(-3deg)
50%
-webkit-transform: scale(1.1) rotate(3deg)
60%
-webkit-transform: scale(1.1) rotate(-3deg)
70%
-webkit-transform: scale(1.1) rotate(3deg)
80%
-webkit-transform: scale(1.1) rotate(-3deg)
90%
-webkit-transform: scale(1.1) rotate(3deg)
100%
-webkit-transform: scale(1) rotate(0)
@-moz-keyframes fadeIn
0%
opacity: 0
100%
opacity: 1
@-moz-keyframes fadeOut
0%
opacity: 1
100%
opacity: 0
@-moz-keyframes fadeInUp
0%
opacity: 0
-moz-transform: translateY(20px)
100%
opacity: 1
-moz-transform: translateY(0)
@-moz-keyframes fadeOutUp
0%
opacity: 1
-moz-transform: translateY(0)
100%
opacity: 0
-moz-transform: translateY(-20px)
@-moz-keyframes fadeInDown
0%
opacity: 0
-moz-transform: translateY(-20px)
100%
opacity: 1
-moz-transform: translateY(0)
@-moz-keyframes fadeOutDown
0%
opacity: 1
-moz-transform: translateY(0)
100%
opacity: 0
-moz-transform: translateY(20px)
@-moz-keyframes fadeInRight
0%
opacity: 0
-moz-transform: translateX(20px)
100%
opacity: 1
-moz-transform: translateX(0)
@-moz-keyframes fadeOutLeft
0%
opacity: 1
-moz-transform: translateX(0)
100%
opacity: 0
-moz-transform: translateX(-20px)
@-moz-keyframes fadeInLeft
0%
opacity: 0
-moz-transform: translateX(-20px)
100%
opacity: 1
-moz-transform: translateX(0)
@-moz-keyframes fadeOutRight
0%
opacity: 1
-moz-transform: translateX(0)
100%
opacity: 0
-moz-transform: translateX(20px)
@-moz-keyframes fadeInUpBig
0%
opacity: 0
-moz-transform: translateY(2000px)
100%
opacity: 1
-moz-transform: translateY(0)
@-moz-keyframes fadeOutUpBig
0%
opacity: 1
-moz-transform: translateY(0)
100%
opacity: 0
-moz-transform: translateY(-2000px)
@-moz-keyframes fadeInDownBig
0%
opacity: 0
-moz-transform: translateY(-2000px)
100%
opacity: 1
-moz-transform: translateY(0)
@-moz-keyframes fadeOutDownBig
0%
opacity: 1
-moz-transform: translateY(0)
100%
opacity: 0
-moz-transform: translateY(2000px)
@-moz-keyframes fadeInRightBig
0%
opacity: 0
-moz-transform: translateX(2000px)
100%
opacity: 1
-moz-transform: translateX(0)
@-moz-keyframes fadeOutLeftBig
0%
opacity: 1
-moz-transform: translateX(0)
100%
opacity: 0
-moz-transform: translateX(-2000px)
@-moz-keyframes fadeInLeftBig
0%
opacity: 0
-moz-transform: translateX(-2000px)
100%
opacity: 1
-moz-transform: translateX(0)
@-moz-keyframes fadeOutRightBig
0%
opacity: 1
-moz-transform: translateX(0)
100%
opacity: 0
-moz-transform: translateX(2000px)
@-moz-keyframes bounceIn
0%
opacity: 0
-moz-transform: scale(0.3)
50%
opacity: 1
-moz-transform: scale(1.05)
70%
-moz-transform: scale(0.9)
100%
-moz-transform: scale(1)
@-moz-keyframes bounceInDown
0%
opacity: 0
-moz-transform: translateY(-2000px)
60%
opacity: 1
-moz-transform: translateY(30px)
80%
-moz-transform: translateY(-10px)
100%
-moz-transform: translateY(0)
@-moz-keyframes bounceInUp
0%
opacity: 0
-moz-transform: translateY(2000px)
60%
opacity: 1
-moz-transform: translateY(-30px)
80%
-moz-transform: translateY(10px)
100%
-moz-transform: translateY(0)
@-moz-keyframes bounceInRight
0%
opacity: 0
-moz-transform: translateX(2000px)
60%
opacity: 1
-moz-transform: translateX(-30px)
80%
-moz-transform: translateX(10px)
100%
-moz-transform: translateX(0)
@-moz-keyframes bounceInLeft
0%
opacity: 0
-moz-transform: translateX(-2000px)
60%
opacity: 1
-moz-transform: translateX(30px)
80%
-moz-transform: translateX(-10px)
100%
-moz-transform: translateX(0)
@-moz-keyframes bounceOut
0%
-moz-transform: scale(1)
25%
-moz-transform: scale(0.95)
50%
opacity: 1
-moz-transform: scale(1.1)
100%
opacity: 0
-moz-transform: scale(0.3)
@-moz-keyframes bounceOutUp
0%
-moz-transform: translateY(0)
20%
opacity: 1
-moz-transform: translateY(20px)
100%
opacity: 0
-moz-transform: translateY(-2000px)
@-moz-keyframes bounceOutDown
0%
-moz-transform: translateY(0)
20%
opacity: 1
-moz-transform: translateY(-20px)
100%
opacity: 0
-moz-transform: translateY(2000px)
@-moz-keyframes bounceOutLeft
0%
-moz-transform: translateX(0)
20%
opacity: 1
-moz-transform: translateX(20px)
100%
opacity: 0
-moz-transform: translateX(-2000px)
@-moz-keyframes bounceOutRight
0%
-moz-transform: translateX(0)
20%
opacity: 1
-moz-transform: translateX(-20px)
100%
opacity: 0
-moz-transform: translateX(2000px)
@-moz-keyframes flash
0%
opacity: 1
25%
opacity: 0
50%
opacity: 1
75%
opacity: 0
100%
opacity: 1
@-moz-keyframes bounce
0%
-moz-transform: translateY(0)
20%
-moz-transform: translateY(0)
40%
-moz-transform: translateY(-30px)
50%
-moz-transform: translateY(0)
60%
-moz-transform: translateY(-15px)
80%
-moz-transform: translateY(0)
100%
-moz-transform: translateY(0)
@-moz-keyframes shake
0%
-moz-transform: translateX(0)
10%
-moz-transform: translateX(-10px)
20%
-moz-transform: translateX(10px)
30%
-moz-transform: translateX(-10px)
40%
-moz-transform: translateX(10px)
50%
-moz-transform: translateX(-10px)
60%
-moz-transform: translateX(10px)
70%
-moz-transform: translateX(-10px)
80%
-moz-transform: translateX(10px)
90%
-moz-transform: translateX(-10px)
100%
-moz-transform: translateX(0)
@-moz-keyframes rotateInDownLeft
0%
-moz-transform-origin: left bottom
-moz-transform: rotate(-90deg)
opacity: 0
100%
-moz-transform-origin: left bottom
-moz-transform: rotate(0)
opacity: 1
@-moz-keyframes rotateInUpLeft
0%
-moz-transform-origin: left bottom
-moz-transform: rotate(90deg)
opacity: 0
100%
-moz-transform-origin: left bottom
-moz-transform: rotate(0)
opacity: 1
@-moz-keyframes rotateInUpRight
0%
-moz-transform-origin: right bottom
-moz-transform: rotate(-90deg)
opacity: 0
100%
-moz-transform-origin: right bottom
-moz-transform: rotate(0)
opacity: 1
@-moz-keyframes rotateInDownRight
0%
-moz-transform-origin: right bottom
-moz-transform: rotate(90deg)
opacity: 0
100%
-moz-transform-origin: right bottom
-moz-transform: rotate(0)
opacity: 1
@-moz-keyframes rotateOutDownLeft
0%
-moz-transform-origin: left bottom
-moz-transform: rotate(0)
opacity: 1
100%
-moz-transform-origin: left bottom
-moz-transform: rotate(90deg)
opacity: 0
@-moz-keyframes rotateOutUpLeft
0%
-moz-transform-origin: left bottom
-moz-transform: rotate(0)
opacity: 1
100%
-moz-transform-origin: left bottom
-moz-transform: rotate(-90deg)
opacity: 0
@-moz-keyframes rotateOutDownRight
0%
-moz-transform-origin: right bottom
-moz-transform: rotate(0)
opacity: 1
100%
-moz-transform-origin: right bottom
-moz-transform: rotate(-90deg)
opacity: 0
@-moz-keyframes rotateOutUpRight
0%
-moz-transform-origin: right bottom
-moz-transform: rotate(0)
opacity: 1
100%
-moz-transform-origin: right bottom
-moz-transform: rotate(90deg)
opacity: 0
@-moz-keyframes rotateIn
0%
-moz-transform-origin: center center
-moz-transform: rotate(-200deg)
opacity: 0
100%
-moz-transform-origin: center center
-moz-transform: rotate(0)
opacity: 1
@-moz-keyframes rotateOut
0%
-moz-transform-origin: center center
-moz-transform: rotate(0)
opacity: 1
100%
-moz-transform-origin: center center
-moz-transform: rotate(200deg)
opacity: 0
@-moz-keyframes tada
0%
-moz-transform: scale(1)
10%
-moz-transform: scale(0.9) rotate(-3deg)
20%
-moz-transform: scale(0.9) rotate(-3deg)
30%
-moz-transform: scale(1.1) rotate(3deg)
40%
-moz-transform: scale(1.1) rotate(-3deg)
50%
-moz-transform: scale(1.1) rotate(3deg)
60%
-moz-transform: scale(1.1) rotate(-3deg)
70%
-moz-transform: scale(1.1) rotate(3deg)
80%
-moz-transform: scale(1.1) rotate(-3deg)
90%
-moz-transform: scale(1.1) rotate(3deg)
100%
-moz-transform: scale(1) rotate(0)
@-ms-keyframes fadeIn
0%
opacity: 0
100%
opacity: 1
@-ms-keyframes fadeOut
0%
opacity: 1
100%
opacity: 0
@-ms-keyframes fadeInUp
0%
opacity: 0
-ms-transform: translateY(20px)
100%
opacity: 1
-ms-transform: translateY(0)
@-ms-keyframes fadeOutUp
0%
opacity: 1
-ms-transform: translateY(0)
100%
opacity: 0
-ms-transform: translateY(-20px)
@-ms-keyframes fadeInDown
0%
opacity: 0
-ms-transform: translateY(-20px)
100%
opacity: 1
-ms-transform: translateY(0)
@-ms-keyframes fadeOutDown
0%
opacity: 1
-ms-transform: translateY(0)
100%
opacity: 0
-ms-transform: translateY(20px)
@-ms-keyframes fadeInRight
0%
opacity: 0
-ms-transform: translateX(20px)
100%
opacity: 1
-ms-transform: translateX(0)
@-ms-keyframes fadeOutLeft
0%
opacity: 1
-ms-transform: translateX(0)
100%
opacity: 0
-ms-transform: translateX(-20px)
@-ms-keyframes fadeInLeft
0%
opacity: 0
-ms-transform: translateX(-20px)
100%
opacity: 1
-ms-transform: translateX(0)
@-ms-keyframes fadeOutRight
0%
opacity: 1
-ms-transform: translateX(0)
100%
opacity: 0
-ms-transform: translateX(20px)
@-ms-keyframes fadeInUpBig
0%
opacity: 0
-ms-transform: translateY(2000px)
100%
opacity: 1
-ms-transform: translateY(0)
@-ms-keyframes fadeOutUpBig
0%
opacity: 1
-ms-transform: translateY(0)
100%
opacity: 0
-ms-transform: translateY(-2000px)
@-ms-keyframes fadeInDownBig
0%
opacity: 0
-ms-transform: translateY(-2000px)
100%
opacity: 1
-ms-transform: translateY(0)
@-ms-keyframes fadeOutDownBig
0%
opacity: 1
-ms-transform: translateY(0)
100%
opacity: 0
-ms-transform: translateY(2000px)
@-ms-keyframes fadeInRightBig
0%
opacity: 0
-ms-transform: translateX(2000px)
100%
opacity: 1
-ms-transform: translateX(0)
@-ms-keyframes fadeOutLeftBig
0%
opacity: 1
-ms-transform: translateX(0)
100%
opacity: 0
-ms-transform: translateX(-2000px)
@-ms-keyframes fadeInLeftBig
0%
opacity: 0
-ms-transform: translateX(-2000px)
100%
opacity: 1
-ms-transform: translateX(0)
@-ms-keyframes fadeOutRightBig
0%
opacity: 1
-ms-transform: translateX(0)
100%
opacity: 0
-ms-transform: translateX(2000px)
@-ms-keyframes bounceIn
0%
opacity: 0
-ms-transform: scale(0.3)
50%
opacity: 1
-ms-transform: scale(1.05)
70%
-ms-transform: scale(0.9)
100%
-ms-transform: scale(1)
@-ms-keyframes bounceInDown
0%
opacity: 0
-ms-transform: translateY(-2000px)
60%
opacity: 1
-ms-transform: translateY(30px)
80%
-ms-transform: translateY(-10px)
100%
-ms-transform: translateY(0)
@-ms-keyframes bounceInUp
0%
opacity: 0
-ms-transform: translateY(2000px)
60%
opacity: 1
-ms-transform: translateY(-30px)
80%
-ms-transform: translateY(10px)
100%
-ms-transform: translateY(0)
@-ms-keyframes bounceInRight
0%
opacity: 0
-ms-transform: translateX(2000px)
60%
opacity: 1
-ms-transform: translateX(-30px)
80%
-ms-transform: translateX(10px)
100%
-ms-transform: translateX(0)
@-ms-keyframes bounceInLeft
0%
opacity: 0
-ms-transform: translateX(-2000px)
60%
opacity: 1
-ms-transform: translateX(30px)
80%
-ms-transform: translateX(-10px)
100%
-ms-transform: translateX(0)
@-ms-keyframes bounceOut
0%
-ms-transform: scale(1)
25%
-ms-transform: scale(0.95)
50%
opacity: 1
-ms-transform: scale(1.1)
100%
opacity: 0
-ms-transform: scale(0.3)
@-ms-keyframes bounceOutUp
0%
-ms-transform: translateY(0)
20%
opacity: 1
-ms-transform: translateY(20px)
100%
opacity: 0
-ms-transform: translateY(-2000px)
@-ms-keyframes bounceOutDown
0%
-ms-transform: translateY(0)
20%
opacity: 1
-ms-transform: translateY(-20px)
100%
opacity: 0
-ms-transform: translateY(2000px)
@-ms-keyframes bounceOutLeft
0%
-ms-transform: translateX(0)
20%
opacity: 1
-ms-transform: translateX(20px)
100%
opacity: 0
-ms-transform: translateX(-2000px)
@-ms-keyframes bounceOutRight
0%
-ms-transform: translateX(0)
20%
opacity: 1
-ms-transform: translateX(-20px)
100%
opacity: 0
-ms-transform: translateX(2000px)
@-ms-keyframes flash
0%
opacity: 1
25%
opacity: 0
50%
opacity: 1
75%
opacity: 0
100%
opacity: 1
@-ms-keyframes bounce
0%
-ms-transform: translateY(0)
20%
-ms-transform: translateY(0)
40%
-ms-transform: translateY(-30px)
50%
-ms-transform: translateY(0)
60%
-ms-transform: translateY(-15px)
80%
-ms-transform: translateY(0)
100%
-ms-transform: translateY(0)
@-ms-keyframes shake
0%
-ms-transform: translateX(0)
10%
-ms-transform: translateX(-10px)
20%
-ms-transform: translateX(10px)
30%
-ms-transform: translateX(-10px)
40%
-ms-transform: translateX(10px)
50%
-ms-transform: translateX(-10px)
60%
-ms-transform: translateX(10px)
70%
-ms-transform: translateX(-10px)
80%
-ms-transform: translateX(10px)
90%
-ms-transform: translateX(-10px)
100%
-ms-transform: translateX(0)
@-ms-keyframes rotateInDownLeft
0%
-ms-transform-origin: left bottom
-ms-transform: rotate(-90deg)
opacity: 0
100%
-ms-transform-origin: left bottom
-ms-transform: rotate(0)
opacity: 1
@-ms-keyframes rotateInUpLeft
0%
-ms-transform-origin: left bottom
-ms-transform: rotate(90deg)
opacity: 0
100%
-ms-transform-origin: left bottom
-ms-transform: rotate(0)
opacity: 1
@-ms-keyframes rotateInUpRight
0%
-ms-transform-origin: right bottom
-ms-transform: rotate(-90deg)
opacity: 0
100%
-ms-transform-origin: right bottom
-ms-transform: rotate(0)
opacity: 1
@-ms-keyframes rotateInDownRight
0%
-ms-transform-origin: right bottom
-ms-transform: rotate(90deg)
opacity: 0
100%
-ms-transform-origin: right bottom
-ms-transform: rotate(0)
opacity: 1
@-ms-keyframes rotateOutDownLeft
0%
-ms-transform-origin: left bottom
-ms-transform: rotate(0)
opacity: 1
100%
-ms-transform-origin: left bottom
-ms-transform: rotate(90deg)
opacity: 0
@-ms-keyframes rotateOutUpLeft
0%
-ms-transform-origin: left bottom
-ms-transform: rotate(0)
opacity: 1
100%
-ms-transform-origin: left bottom
-ms-transform: rotate(-90deg)
opacity: 0
@-ms-keyframes rotateOutDownRight
0%
-ms-transform-origin: right bottom
-ms-transform: rotate(0)
opacity: 1
100%
-ms-transform-origin: right bottom
-ms-transform: rotate(-90deg)
opacity: 0
@-ms-keyframes rotateOutUpRight
0%
-ms-transform-origin: right bottom
-ms-transform: rotate(0)
opacity: 1
100%
-ms-transform-origin: right bottom
-ms-transform: rotate(90deg)
opacity: 0
@-ms-keyframes rotateIn
0%
-ms-transform-origin: center center
-ms-transform: rotate(-200deg)
opacity: 0
100%
-ms-transform-origin: center center
-ms-transform: rotate(0)
opacity: 1
@-ms-keyframes rotateOut
0%
-ms-transform-origin: center center
-ms-transform: rotate(0)
opacity: 1
100%
-ms-transform-origin: center center
-ms-transform: rotate(200deg)
opacity: 0
@-ms-keyframes tada
0%
-ms-transform: scale(1)
10%
-ms-transform: scale(0.9) rotate(-3deg)
20%
-ms-transform: scale(0.9) rotate(-3deg)
30%
-ms-transform: scale(1.1) rotate(3deg)
40%
-ms-transform: scale(1.1) rotate(-3deg)
50%
-ms-transform: scale(1.1) rotate(3deg)
60%
-ms-transform: scale(1.1) rotate(-3deg)
70%
-ms-transform: scale(1.1) rotate(3deg)
80%
-ms-transform: scale(1.1) rotate(-3deg)
90%
-ms-transform: scale(1.1) rotate(3deg)
100%
-ms-transform: scale(1) rotate(0)
@keyframes fadeIn
0%
opacity: 0
100%
opacity: 1
@keyframes fadeOut
0%
opacity: 1
100%
opacity: 0
@keyframes fadeInUp
0%
opacity: 0
transform: translateY(20px)
100%
opacity: 1
transform: translateY(0)
@keyframes fadeOutUp
0%
opacity: 1
transform: translateY(0)
100%
opacity: 0
transform: translateY(-20px)
@keyframes fadeInDown
0%
opacity: 0
transform: translateY(-20px)
100%
opacity: 1
transform: translateY(0)
@keyframes fadeOutDown
0%
opacity: 1
transform: translateY(0)
100%
opacity: 0
transform: translateY(20px)
@keyframes fadeInRight
0%
opacity: 0
transform: translateX(20px)
100%
opacity: 1
transform: translateX(0)
@keyframes fadeOutLeft
0%
opacity: 1
transform: translateX(0)
100%
opacity: 0
transform: translateX(-20px)
@keyframes fadeInLeft
0%
opacity: 0
transform: translateX(-20px)
100%
opacity: 1
transform: translateX(0)
@keyframes fadeOutRight
0%
opacity: 1
transform: translateX(0)
100%
opacity: 0
transform: translateX(20px)
@keyframes fadeInUpBig
0%
opacity: 0
transform: translateY(2000px)
100%
opacity: 1
transform: translateY(0)
@keyframes fadeOutUpBig
0%
opacity: 1
transform: translateY(0)
100%
opacity: 0
transform: translateY(-2000px)
@keyframes fadeInDownBig
0%
opacity: 0
transform: translateY(-2000px)
100%
opacity: 1
transform: translateY(0)
@keyframes fadeOutDownBig
0%
opacity: 1
transform: translateY(0)
100%
opacity: 0
transform: translateY(2000px)
@keyframes fadeInRightBig
0%
opacity: 0
transform: translateX(2000px)
100%
opacity: 1
transform: translateX(0)
@keyframes fadeOutLeftBig
0%
opacity: 1
transform: translateX(0)
100%
opacity: 0
transform: translateX(-2000px)
@keyframes fadeInLeftBig
0%
opacity: 0
transform: translateX(-2000px)
100%
opacity: 1
transform: translateX(0)
@keyframes fadeOutRightBig
0%
opacity: 1
transform: translateX(0)
100%
opacity: 0
transform: translateX(2000px)
@keyframes bounceIn
0%
opacity: 0
transform: scale(0.3)
50%
opacity: 1
transform: scale(1.05)
70%
transform: scale(0.9)
100%
transform: scale(1)
@keyframes bounceInDown
0%
opacity: 0
transform: translateY(-2000px)
60%
opacity: 1
transform: translateY(30px)
80%
transform: translateY(-10px)
100%
transform: translateY(0)
@keyframes bounceInUp
0%
opacity: 0
transform: translateY(2000px)
60%
opacity: 1
transform: translateY(-30px)
80%
transform: translateY(10px)
100%
transform: translateY(0)
@keyframes bounceInRight
0%
opacity: 0
transform: translateX(2000px)
60%
opacity: 1
transform: translateX(-30px)
80%
transform: translateX(10px)
100%
transform: translateX(0)
@keyframes bounceInLeft
0%
opacity: 0
transform: translateX(-2000px)
60%
opacity: 1
transform: translateX(30px)
80%
transform: translateX(-10px)
100%
transform: translateX(0)
@keyframes bounceOut
0%
transform: scale(1)
25%
transform: scale(0.95)
50%
opacity: 1
transform: scale(1.1)
100%
opacity: 0
transform: scale(0.3)
@keyframes bounceOutUp
0%
transform: translateY(0)
20%
opacity: 1
transform: translateY(20px)
100%
opacity: 0
transform: translateY(-2000px)
@keyframes bounceOutDown
0%
transform: translateY(0)
20%
opacity: 1
transform: translateY(-20px)
100%
opacity: 0
transform: translateY(2000px)
@keyframes bounceOutLeft
0%
transform: translateX(0)
20%
opacity: 1
transform: translateX(20px)
100%
opacity: 0
transform: translateX(-2000px)
@keyframes bounceOutRight
0%
transform: translateX(0)
20%
opacity: 1
transform: translateX(-20px)
100%
opacity: 0
transform: translateX(2000px)
@keyframes flash
0%
opacity: 1
25%
opacity: 0
50%
opacity: 1
75%
opacity: 0
100%
opacity: 1
@keyframes bounce
0%
transform: translateY(0)
20%
transform: translateY(0)
40%
transform: translateY(-30px)
50%
transform: translateY(0)
60%
transform: translateY(-15px)
80%
transform: translateY(0)
100%
transform: translateY(0)
@keyframes shake
0%
transform: translateX(0)
10%
transform: translateX(-10px)
20%
transform: translateX(10px)
30%
transform: translateX(-10px)
40%
transform: translateX(10px)
50%
transform: translateX(-10px)
60%
transform: translateX(10px)
70%
transform: translateX(-10px)
80%
transform: translateX(10px)
90%
transform: translateX(-10px)
100%
transform: translateX(0)
@keyframes rotateInDownLeft
0%
transform-origin: left bottom
transform: rotate(-90deg)
opacity: 0
100%
transform-origin: left bottom
transform: rotate(0)
opacity: 1
@keyframes rotateInUpLeft
0%
transform-origin: left bottom
transform: rotate(90deg)
opacity: 0
100%
transform-origin: left bottom
transform: rotate(0)
opacity: 1
@keyframes rotateInUpRight
0%
transform-origin: right bottom
transform: rotate(-90deg)
opacity: 0
100%
transform-origin: right bottom
transform: rotate(0)
opacity: 1
@keyframes rotateInDownRight
0%
transform-origin: right bottom
transform: rotate(90deg)
opacity: 0
100%
transform-origin: right bottom
transform: rotate(0)
opacity: 1
@keyframes rotateOutDownLeft
0%
transform-origin: left bottom
transform: rotate(0)
opacity: 1
100%
transform-origin: left bottom
transform: rotate(90deg)
opacity: 0
@keyframes rotateOutUpLeft
0%
transform-origin: left bottom
transform: rotate(0)
opacity: 1
100%
transform-origin: left bottom
transform: rotate(-90deg)
opacity: 0
@keyframes rotateOutDownRight
0%
transform-origin: right bottom
transform: rotate(0)
opacity: 1
100%
transform-origin: right bottom
transform: rotate(-90deg)
opacity: 0
@keyframes rotateOutUpRight
0%
transform-origin: right bottom
transform: rotate(0)
opacity: 1
100%
transform-origin: right bottom
transform: rotate(90deg)
opacity: 0
@keyframes rotateIn
0%
transform-origin: center center
transform: rotate(-200deg)
opacity: 0
100%
transform-origin: center center
transform: rotate(0)
opacity: 1
@keyframes rotateOut
0%
transform-origin: center center
transform: rotate(0)
opacity: 1
100%
transform-origin: center center
transform: rotate(200deg)
opacity: 0
@keyframes tada
0%
transform: scale(1)
10%
transform: scale(0.9) rotate(-3deg)
20%
transform: scale(0.9) rotate(-3deg)
30%
transform: scale(1.1) rotate(3deg)
40%
transform: scale(1.1) rotate(-3deg)
50%
transform: scale(1.1) rotate(3deg)
60%
transform: scale(1.1) rotate(-3deg)
70%
transform: scale(1.1) rotate(3deg)
80%
transform: scale(1.1) rotate(-3deg)
90%
transform: scale(1.1) rotate(3deg)
100%
transform: scale(1) rotate(0)
xxxxx1.0, XXX xxxx