|
@@ -28,621 +28,725 @@
|
|
|
/* !## Animations */
|
|
|
/*--------------------------------------------------------------*/
|
|
|
@-webkit-keyframes bounce-reveal-y {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- -moz-transform: scaleY(1);
|
|
|
- -ms-transform: scaleY(1);
|
|
|
- -o-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
50% {
|
|
|
- -webkit-transform: scaleY(1.1);
|
|
|
- -moz-transform: scaleY(1.1);
|
|
|
- -ms-transform: scaleY(1.1);
|
|
|
- -o-transform: scaleY(1.1);
|
|
|
- transform: scaleY(1.1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-moz-keyframes bounce-reveal-y {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- -moz-transform: scaleY(1);
|
|
|
- -ms-transform: scaleY(1);
|
|
|
- -o-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
50% {
|
|
|
- -webkit-transform: scaleY(1.1);
|
|
|
- -moz-transform: scaleY(1.1);
|
|
|
- -ms-transform: scaleY(1.1);
|
|
|
- -o-transform: scaleY(1.1);
|
|
|
- transform: scaleY(1.1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-o-keyframes bounce-reveal-y {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- -moz-transform: scaleY(1);
|
|
|
- -ms-transform: scaleY(1);
|
|
|
- -o-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
50% {
|
|
|
- -webkit-transform: scaleY(1.1);
|
|
|
- -moz-transform: scaleY(1.1);
|
|
|
- -ms-transform: scaleY(1.1);
|
|
|
- -o-transform: scaleY(1.1);
|
|
|
- transform: scaleY(1.1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@keyframes bounce-reveal-y {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- -moz-transform: scaleY(1);
|
|
|
- -ms-transform: scaleY(1);
|
|
|
- -o-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
50% {
|
|
|
- -webkit-transform: scaleY(1.1);
|
|
|
- -moz-transform: scaleY(1.1);
|
|
|
- -ms-transform: scaleY(1.1);
|
|
|
- -o-transform: scaleY(1.1);
|
|
|
- transform: scaleY(1.1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 1.1, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-webkit-keyframes bounce-hide-y {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- -moz-transform: scaleY(1);
|
|
|
- -ms-transform: scaleY(1);
|
|
|
- -o-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
50% {
|
|
|
- -webkit-transform: scaleY(0.9);
|
|
|
- -moz-transform: scaleY(0.9);
|
|
|
- -ms-transform: scaleY(0.9);
|
|
|
- -o-transform: scaleY(0.9);
|
|
|
- transform: scaleY(0.9);
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-moz-keyframes bounce-hide-y {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- -moz-transform: scaleY(1);
|
|
|
- -ms-transform: scaleY(1);
|
|
|
- -o-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
50% {
|
|
|
- -webkit-transform: scaleY(0.9);
|
|
|
- -moz-transform: scaleY(0.9);
|
|
|
- -ms-transform: scaleY(0.9);
|
|
|
- -o-transform: scaleY(0.9);
|
|
|
- transform: scaleY(0.9);
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-o-keyframes bounce-hide-y {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- -moz-transform: scaleY(1);
|
|
|
- -ms-transform: scaleY(1);
|
|
|
- -o-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
50% {
|
|
|
- -webkit-transform: scaleY(0.9);
|
|
|
- -moz-transform: scaleY(0.9);
|
|
|
- -ms-transform: scaleY(0.9);
|
|
|
- -o-transform: scaleY(0.9);
|
|
|
- transform: scaleY(0.9);
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@keyframes bounce-hide-y {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scaleY(1);
|
|
|
- -moz-transform: scaleY(1);
|
|
|
- -ms-transform: scaleY(1);
|
|
|
- -o-transform: scaleY(1);
|
|
|
- transform: scaleY(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
50% {
|
|
|
- -webkit-transform: scaleY(0.9);
|
|
|
- -moz-transform: scaleY(0.9);
|
|
|
- -ms-transform: scaleY(0.9);
|
|
|
- -o-transform: scaleY(0.9);
|
|
|
- transform: scaleY(0.9);
|
|
|
+ -webkit-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
+ transform: str_insert(str_insert(scaleY, "()", -1), 0.9, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-webkit-keyframes bounce-reveal {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: scale(1.1);
|
|
|
- -moz-transform: scale(1.1);
|
|
|
- -ms-transform: scale(1.1);
|
|
|
- -o-transform: scale(1.1);
|
|
|
- transform: scale(1.1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: scale(0.9);
|
|
|
- -moz-transform: scale(0.9);
|
|
|
- -ms-transform: scale(0.9);
|
|
|
- -o-transform: scale(0.9);
|
|
|
- transform: scale(0.9);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-moz-keyframes bounce-reveal {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: scale(1.1);
|
|
|
- -moz-transform: scale(1.1);
|
|
|
- -ms-transform: scale(1.1);
|
|
|
- -o-transform: scale(1.1);
|
|
|
- transform: scale(1.1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: scale(0.9);
|
|
|
- -moz-transform: scale(0.9);
|
|
|
- -ms-transform: scale(0.9);
|
|
|
- -o-transform: scale(0.9);
|
|
|
- transform: scale(0.9);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-o-keyframes bounce-reveal {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: scale(1.1);
|
|
|
- -moz-transform: scale(1.1);
|
|
|
- -ms-transform: scale(1.1);
|
|
|
- -o-transform: scale(1.1);
|
|
|
- transform: scale(1.1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: scale(0.9);
|
|
|
- -moz-transform: scale(0.9);
|
|
|
- -ms-transform: scale(0.9);
|
|
|
- -o-transform: scale(0.9);
|
|
|
- transform: scale(0.9);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@keyframes bounce-reveal {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: scale(1.1);
|
|
|
- -moz-transform: scale(1.1);
|
|
|
- -ms-transform: scale(1.1);
|
|
|
- -o-transform: scale(1.1);
|
|
|
- transform: scale(1.1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: scale(0.9);
|
|
|
- -moz-transform: scale(0.9);
|
|
|
- -ms-transform: scale(0.9);
|
|
|
- -o-transform: scale(0.9);
|
|
|
- transform: scale(0.9);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-webkit-keyframes bounce-left {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: translateX(0);
|
|
|
- -moz-transform: translateX(0);
|
|
|
- -ms-transform: translateX(0);
|
|
|
- -o-transform: translateX(0);
|
|
|
- transform: translateX(0);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: translateX(-10px);
|
|
|
- -moz-transform: translateX(-10px);
|
|
|
- -ms-transform: translateX(-10px);
|
|
|
- -o-transform: translateX(-10px);
|
|
|
- transform: translateX(-10px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: translateX(3px);
|
|
|
- -moz-transform: translateX(3px);
|
|
|
- -ms-transform: translateX(3px);
|
|
|
- -o-transform: translateX(3px);
|
|
|
- transform: translateX(3px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-moz-keyframes bounce-left {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: translateX(0);
|
|
|
- -moz-transform: translateX(0);
|
|
|
- -ms-transform: translateX(0);
|
|
|
- -o-transform: translateX(0);
|
|
|
- transform: translateX(0);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: translateX(-10px);
|
|
|
- -moz-transform: translateX(-10px);
|
|
|
- -ms-transform: translateX(-10px);
|
|
|
- -o-transform: translateX(-10px);
|
|
|
- transform: translateX(-10px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: translateX(3px);
|
|
|
- -moz-transform: translateX(3px);
|
|
|
- -ms-transform: translateX(3px);
|
|
|
- -o-transform: translateX(3px);
|
|
|
- transform: translateX(3px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-o-keyframes bounce-left {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: translateX(0);
|
|
|
- -moz-transform: translateX(0);
|
|
|
- -ms-transform: translateX(0);
|
|
|
- -o-transform: translateX(0);
|
|
|
- transform: translateX(0);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: translateX(-10px);
|
|
|
- -moz-transform: translateX(-10px);
|
|
|
- -ms-transform: translateX(-10px);
|
|
|
- -o-transform: translateX(-10px);
|
|
|
- transform: translateX(-10px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: translateX(3px);
|
|
|
- -moz-transform: translateX(3px);
|
|
|
- -ms-transform: translateX(3px);
|
|
|
- -o-transform: translateX(3px);
|
|
|
- transform: translateX(3px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@keyframes bounce-left {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: translateX(0);
|
|
|
- -moz-transform: translateX(0);
|
|
|
- -ms-transform: translateX(0);
|
|
|
- -o-transform: translateX(0);
|
|
|
- transform: translateX(0);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 0, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: translateX(-10px);
|
|
|
- -moz-transform: translateX(-10px);
|
|
|
- -ms-transform: translateX(-10px);
|
|
|
- -o-transform: translateX(-10px);
|
|
|
- transform: translateX(-10px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), -10px, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: translateX(3px);
|
|
|
- -moz-transform: translateX(3px);
|
|
|
- -ms-transform: translateX(3px);
|
|
|
- -o-transform: translateX(3px);
|
|
|
- transform: translateX(3px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 3px, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-webkit-keyframes bounce-right {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: translateX(1);
|
|
|
- -moz-transform: translateX(1);
|
|
|
- -ms-transform: translateX(1);
|
|
|
- -o-transform: translateX(1);
|
|
|
- transform: translateX(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: translateX(10px);
|
|
|
- -moz-transform: translateX(10px);
|
|
|
- -ms-transform: translateX(10px);
|
|
|
- -o-transform: translateX(10px);
|
|
|
- transform: translateX(10px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: translateX(-3px);
|
|
|
- -moz-transform: translateX(-3px);
|
|
|
- -ms-transform: translateX(-3px);
|
|
|
- -o-transform: translateX(-3px);
|
|
|
- transform: translateX(-3px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-moz-keyframes bounce-right {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: translateX(1);
|
|
|
- -moz-transform: translateX(1);
|
|
|
- -ms-transform: translateX(1);
|
|
|
- -o-transform: translateX(1);
|
|
|
- transform: translateX(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: translateX(10px);
|
|
|
- -moz-transform: translateX(10px);
|
|
|
- -ms-transform: translateX(10px);
|
|
|
- -o-transform: translateX(10px);
|
|
|
- transform: translateX(10px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: translateX(-3px);
|
|
|
- -moz-transform: translateX(-3px);
|
|
|
- -ms-transform: translateX(-3px);
|
|
|
- -o-transform: translateX(-3px);
|
|
|
- transform: translateX(-3px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-o-keyframes bounce-right {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: translateX(1);
|
|
|
- -moz-transform: translateX(1);
|
|
|
- -ms-transform: translateX(1);
|
|
|
- -o-transform: translateX(1);
|
|
|
- transform: translateX(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: translateX(10px);
|
|
|
- -moz-transform: translateX(10px);
|
|
|
- -ms-transform: translateX(10px);
|
|
|
- -o-transform: translateX(10px);
|
|
|
- transform: translateX(10px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: translateX(-3px);
|
|
|
- -moz-transform: translateX(-3px);
|
|
|
- -ms-transform: translateX(-3px);
|
|
|
- -o-transform: translateX(-3px);
|
|
|
- transform: translateX(-3px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@keyframes bounce-right {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: translateX(1);
|
|
|
- -moz-transform: translateX(1);
|
|
|
- -ms-transform: translateX(1);
|
|
|
- -o-transform: translateX(1);
|
|
|
- transform: translateX(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: translateX(10px);
|
|
|
- -moz-transform: translateX(10px);
|
|
|
- -ms-transform: translateX(10px);
|
|
|
- -o-transform: translateX(10px);
|
|
|
- transform: translateX(10px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), 10px, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: translateX(-3px);
|
|
|
- -moz-transform: translateX(-3px);
|
|
|
- -ms-transform: translateX(-3px);
|
|
|
- -o-transform: translateX(-3px);
|
|
|
- transform: translateX(-3px);
|
|
|
+ -webkit-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ -o-transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
+ transform: str_insert(str_insert(translateX, "()", -1), -3px, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-webkit-keyframes bounce-reveal-large {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: scale(1.25);
|
|
|
- -moz-transform: scale(1.25);
|
|
|
- -ms-transform: scale(1.25);
|
|
|
- -o-transform: scale(1.25);
|
|
|
- transform: scale(1.25);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: scale(0.85);
|
|
|
- -moz-transform: scale(0.85);
|
|
|
- -ms-transform: scale(0.85);
|
|
|
- -o-transform: scale(0.85);
|
|
|
- transform: scale(0.85);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-moz-keyframes bounce-reveal-large {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: scale(1.25);
|
|
|
- -moz-transform: scale(1.25);
|
|
|
- -ms-transform: scale(1.25);
|
|
|
- -o-transform: scale(1.25);
|
|
|
- transform: scale(1.25);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: scale(0.85);
|
|
|
- -moz-transform: scale(0.85);
|
|
|
- -ms-transform: scale(0.85);
|
|
|
- -o-transform: scale(0.85);
|
|
|
- transform: scale(0.85);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-o-keyframes bounce-reveal-large {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: scale(1.25);
|
|
|
- -moz-transform: scale(1.25);
|
|
|
- -ms-transform: scale(1.25);
|
|
|
- -o-transform: scale(1.25);
|
|
|
- transform: scale(1.25);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: scale(0.85);
|
|
|
- -moz-transform: scale(0.85);
|
|
|
- -ms-transform: scale(0.85);
|
|
|
- -o-transform: scale(0.85);
|
|
|
- transform: scale(0.85);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@keyframes bounce-reveal-large {
|
|
|
- 0%, 100% {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
33% {
|
|
|
- -webkit-transform: scale(1.25);
|
|
|
- -moz-transform: scale(1.25);
|
|
|
- -ms-transform: scale(1.25);
|
|
|
- -o-transform: scale(1.25);
|
|
|
- transform: scale(1.25);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.25, -2);
|
|
|
}
|
|
|
+
|
|
|
66% {
|
|
|
- -webkit-transform: scale(0.85);
|
|
|
- -moz-transform: scale(0.85);
|
|
|
- -ms-transform: scale(0.85);
|
|
|
- -o-transform: scale(0.85);
|
|
|
- transform: scale(0.85);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 0.85, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-webkit-keyframes bounce-zoom {
|
|
|
0% {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
25% {
|
|
|
- -webkit-transform: scale(1.1);
|
|
|
- -moz-transform: scale(1.1);
|
|
|
- -ms-transform: scale(1.1);
|
|
|
- -o-transform: scale(1.1);
|
|
|
- transform: scale(1.1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
}
|
|
|
+
|
|
|
75% {
|
|
|
- -webkit-transform: scale(0.9);
|
|
|
- -moz-transform: scale(0.9);
|
|
|
- -ms-transform: scale(0.9);
|
|
|
- -o-transform: scale(0.9);
|
|
|
- transform: scale(0.9);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
}
|
|
|
+
|
|
|
100% {
|
|
|
- -webkit-transform: scale(1.125);
|
|
|
- -moz-transform: scale(1.125);
|
|
|
- -ms-transform: scale(1.125);
|
|
|
- -o-transform: scale(1.125);
|
|
|
- transform: scale(1.125);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-moz-keyframes bounce-zoom {
|
|
|
0% {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
25% {
|
|
|
- -webkit-transform: scale(1.1);
|
|
|
- -moz-transform: scale(1.1);
|
|
|
- -ms-transform: scale(1.1);
|
|
|
- -o-transform: scale(1.1);
|
|
|
- transform: scale(1.1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
}
|
|
|
+
|
|
|
75% {
|
|
|
- -webkit-transform: scale(0.9);
|
|
|
- -moz-transform: scale(0.9);
|
|
|
- -ms-transform: scale(0.9);
|
|
|
- -o-transform: scale(0.9);
|
|
|
- transform: scale(0.9);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
}
|
|
|
+
|
|
|
100% {
|
|
|
- -webkit-transform: scale(1.125);
|
|
|
- -moz-transform: scale(1.125);
|
|
|
- -ms-transform: scale(1.125);
|
|
|
- -o-transform: scale(1.125);
|
|
|
- transform: scale(1.125);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@-o-keyframes bounce-zoom {
|
|
|
0% {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
25% {
|
|
|
- -webkit-transform: scale(1.1);
|
|
|
- -moz-transform: scale(1.1);
|
|
|
- -ms-transform: scale(1.1);
|
|
|
- -o-transform: scale(1.1);
|
|
|
- transform: scale(1.1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
}
|
|
|
+
|
|
|
75% {
|
|
|
- -webkit-transform: scale(0.9);
|
|
|
- -moz-transform: scale(0.9);
|
|
|
- -ms-transform: scale(0.9);
|
|
|
- -o-transform: scale(0.9);
|
|
|
- transform: scale(0.9);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
}
|
|
|
+
|
|
|
100% {
|
|
|
- -webkit-transform: scale(1.125);
|
|
|
- -moz-transform: scale(1.125);
|
|
|
- -ms-transform: scale(1.125);
|
|
|
- -o-transform: scale(1.125);
|
|
|
- transform: scale(1.125);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@keyframes bounce-zoom {
|
|
|
0% {
|
|
|
- -webkit-transform: scale(1);
|
|
|
- -moz-transform: scale(1);
|
|
|
- -ms-transform: scale(1);
|
|
|
- -o-transform: scale(1);
|
|
|
- transform: scale(1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1, -2);
|
|
|
}
|
|
|
+
|
|
|
25% {
|
|
|
- -webkit-transform: scale(1.1);
|
|
|
- -moz-transform: scale(1.1);
|
|
|
- -ms-transform: scale(1.1);
|
|
|
- -o-transform: scale(1.1);
|
|
|
- transform: scale(1.1);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.1, -2);
|
|
|
}
|
|
|
+
|
|
|
75% {
|
|
|
- -webkit-transform: scale(0.9);
|
|
|
- -moz-transform: scale(0.9);
|
|
|
- -ms-transform: scale(0.9);
|
|
|
- -o-transform: scale(0.9);
|
|
|
- transform: scale(0.9);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 0.9, -2);
|
|
|
}
|
|
|
+
|
|
|
100% {
|
|
|
- -webkit-transform: scale(1.125);
|
|
|
- -moz-transform: scale(1.125);
|
|
|
- -ms-transform: scale(1.125);
|
|
|
- -o-transform: scale(1.125);
|
|
|
- transform: scale(1.125);
|
|
|
+ -webkit-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ -moz-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ -ms-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ -o-transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
+ transform: str_insert(str_insert(scale, "()", -1), 1.125, -2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
/*--------------------------------------------------------------
|
|
|
# UI
|
|
|
--------------------------------------------------------------*/
|