_animation.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. .default-animation {
  2. transition: all 0.5s ease;
  3. }
  4. // Pulse Animation
  5. .pulse {
  6. -webkit-animation-name: pulse_animation;
  7. animation-name: pulse_animation;
  8. -webkit-animation-duration: 2000ms;
  9. animation-duration: 2000ms;
  10. -webkit-transform-origin:70% 70%;
  11. transform-origin:70% 70%;
  12. -webkit-animation-iteration-count: infinite;
  13. animation-iteration-count: infinite;
  14. -webkit-animation-timing-function: linear;
  15. animation-timing-function: linear;
  16. }
  17. @-webkit-keyframes pulse_animation {
  18. 0% { -webkit-transform: scale(1); transform: scale(1); }
  19. 30% { -webkit-transform: scale(1); transform: scale(1); }
  20. 40% { -webkit-transform: scale(1.08); transform: scale(1.08); }
  21. 50% { -webkit-transform: scale(1); transform: scale(1); }
  22. 60% { -webkit-transform: scale(1); transform: scale(1); }
  23. 70% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  24. 80% { -webkit-transform: scale(1); transform: scale(1); }
  25. 100% { -webkit-transform: scale(1); transform: scale(1); }
  26. }
  27. @keyframes pulse_animation {
  28. 0% { -webkit-transform: scale(1); transform: scale(1); }
  29. 30% { -webkit-transform: scale(1); transform: scale(1); }
  30. 40% { -webkit-transform: scale(1.08); transform: scale(1.08); }
  31. 50% { -webkit-transform: scale(1); transform: scale(1); }
  32. 60% { -webkit-transform: scale(1); transform: scale(1); }
  33. 70% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  34. 80% { -webkit-transform: scale(1); transform: scale(1); }
  35. 100% { -webkit-transform: scale(1); transform: scale(1); }
  36. }