_pulse.scss 584 B

12345678910111213141516171819202122232425262728293031323334
  1. .pulse {
  2. &::before {
  3. content: '';
  4. display: block;
  5. position: absolute;
  6. width: 100%;
  7. height: 100%;
  8. top: 0;
  9. left: 0;
  10. background-color: inherit;
  11. border-radius: inherit;
  12. transition: opacity .3s, transform .3s;
  13. animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  14. z-index: -1;
  15. }
  16. overflow: visible;
  17. position: relative;
  18. }
  19. @keyframes pulse-animation {
  20. 0% {
  21. opacity: 1;
  22. transform: scale(1);
  23. }
  24. 50% {
  25. opacity: 0;
  26. transform: scale(1.5);
  27. }
  28. 100% {
  29. opacity: 0;
  30. transform: scale(1.5);
  31. }
  32. }