animate.css/source/attention_seekers/jello.css

34 lines
584 B
CSS
Raw Normal View History

@keyframes jello {
from, 11.1%, to {
transform: none
}
2015-04-29 19:17:25 +02:00
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg)
}
2015-04-29 19:17:25 +02:00
33.3% {
transform: skewX(6.25deg) skewY(6.25deg)
}
2015-04-29 19:17:25 +02:00
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg)
}
2015-04-29 19:17:25 +02:00
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg)
}
2015-04-29 19:17:25 +02:00
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
2015-04-29 19:17:25 +02:00
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg)
}
2015-04-29 19:17:25 +02:00
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
}
}
2015-05-12 02:59:16 +02:00
.jello{
animation-name:jello;
transform-origin: center
2015-04-29 19:17:25 +02:00
}