mirror of
https://github.com/animate-css/animate.css.git
synced 2024-11-18 01:50:36 +01:00
25 lines
325 B
CSS
25 lines
325 B
CSS
|
@keyframes jackInTheBox {
|
||
|
from {
|
||
|
opacity: 0;
|
||
|
transform: scale(0.1) rotate(30deg);
|
||
|
transform-origin: center bottom;
|
||
|
}
|
||
|
|
||
|
50% {
|
||
|
transform: rotate(-10deg);
|
||
|
}
|
||
|
|
||
|
70% {
|
||
|
transform: rotate(3deg);
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
opacity: 1;
|
||
|
transform: scale(1);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.jackInTheBox {
|
||
|
animation-name: jackInTheBox;
|
||
|
}
|