animate.css 958 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /*
  2. * Some parts of Animate.css v4.1.1
  3. */
  4. :root {
  5. --animate-duration: 1s;
  6. --animate-delay: 1s;
  7. --animate-repeat: 1;
  8. }
  9. .animate__animated {
  10. animation-duration: 1s;
  11. animation-duration: var(--animate-duration);
  12. animation-fill-mode: both;
  13. &.animate__delay-1s {
  14. animation-delay: 1s;
  15. animation-delay: var(--animate-delay);
  16. }
  17. }
  18. .animate__fadeIn {
  19. animation-name: fadeIn;
  20. }
  21. @keyframes fadeIn {
  22. from {
  23. opacity: 0;
  24. }
  25. to {
  26. opacity: 1;
  27. }
  28. }
  29. .animate__zoomIn {
  30. animation-name: zoomIn;
  31. }
  32. @keyframes zoomIn {
  33. from {
  34. opacity: 0;
  35. transform: scale3d(0.3, 0.3, 0.3);
  36. }
  37. 50% {
  38. opacity: 1;
  39. }
  40. }
  41. .animate__swing {
  42. transform-origin: top center;
  43. animation-name: swing;
  44. }
  45. @keyframes swing {
  46. 20% {
  47. transform: rotate3d(0, 0, 1, 15deg);
  48. }
  49. 40% {
  50. transform: rotate3d(0, 0, 1, -10deg);
  51. }
  52. 60% {
  53. transform: rotate3d(0, 0, 1, 5deg);
  54. }
  55. 80% {
  56. transform: rotate3d(0, 0, 1, -5deg);
  57. }
  58. to {
  59. transform: rotate3d(0, 0, 1, 0deg);
  60. }
  61. }