2015-04-29 16:57:54 +02:00
|
|
|
@keyframes jello {
|
2015-08-21 04:26:35 +02:00
|
|
|
from, 11.1%, to {
|
2015-12-08 18:58:41 +01:00
|
|
|
transform: none;
|
2015-04-29 16:57:54 +02:00
|
|
|
}
|
2015-12-08 19:20:28 +01:00
|
|
|
|
2015-04-29 19:17:25 +02:00
|
|
|
22.2% {
|
2015-12-08 18:58:41 +01:00
|
|
|
transform: skewX(-12.5deg) skewY(-12.5deg);
|
2015-04-29 16:57:54 +02:00
|
|
|
}
|
2015-12-08 19:20:28 +01:00
|
|
|
|
2015-04-29 19:17:25 +02:00
|
|
|
33.3% {
|
2015-12-08 18:58:41 +01:00
|
|
|
transform: skewX(6.25deg) skewY(6.25deg);
|
2015-04-29 16:57:54 +02:00
|
|
|
}
|
2015-12-08 19:20:28 +01:00
|
|
|
|
2015-04-29 19:17:25 +02:00
|
|
|
44.4% {
|
2015-12-08 18:58:41 +01:00
|
|
|
transform: skewX(-3.125deg) skewY(-3.125deg);
|
2015-04-29 16:57:54 +02:00
|
|
|
}
|
2015-12-08 19:20:28 +01:00
|
|
|
|
2015-04-29 19:17:25 +02:00
|
|
|
55.5% {
|
2015-12-08 18:58:41 +01:00
|
|
|
transform: skewX(1.5625deg) skewY(1.5625deg);
|
2015-04-29 16:57:54 +02:00
|
|
|
}
|
2015-12-08 19:20:28 +01:00
|
|
|
|
2015-04-29 19:17:25 +02:00
|
|
|
66.6% {
|
2015-12-08 18:58:41 +01:00
|
|
|
transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
2015-04-29 16:57:54 +02:00
|
|
|
}
|
2015-12-08 19:20:28 +01:00
|
|
|
|
2015-04-29 19:17:25 +02:00
|
|
|
77.7% {
|
2015-12-08 18:58:41 +01:00
|
|
|
transform: skewX(0.390625deg) skewY(0.390625deg);
|
2015-04-29 16:57:54 +02:00
|
|
|
}
|
2015-12-08 19:20:28 +01:00
|
|
|
|
2015-04-29 19:17:25 +02:00
|
|
|
88.8% {
|
2015-12-08 18:58:41 +01:00
|
|
|
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
2015-04-29 16:57:54 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-12-14 20:41:16 +01:00
|
|
|
.jello {
|
|
|
|
animation-name: jello;
|
2015-12-08 19:20:28 +01:00
|
|
|
transform-origin: center;
|
2015-04-29 19:17:25 +02:00
|
|
|
}
|