animate.css/source/attention_seekers/jello.css

39 lines
596 B
CSS
Raw Normal View History

@keyframes jello {
from, 11.1%, to {
2015-12-08 18:58:41 +01:00
transform: none;
}
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-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-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-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-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-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-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-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
}