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;
|
||
|
|
}
|