jackInTheBox.css 325 B

12345678910111213141516171819202122232425
  1. @keyframes jackInTheBox {
  2. from {
  3. opacity: 0;
  4. transform: scale(0.1) rotate(30deg);
  5. transform-origin: center bottom;
  6. }
  7. 50% {
  8. transform: rotate(-10deg);
  9. }
  10. 70% {
  11. transform: rotate(3deg);
  12. }
  13. to {
  14. opacity: 1;
  15. transform: scale(1);
  16. }
  17. }
  18. .jackInTheBox {
  19. animation-name: jackInTheBox;
  20. }