line-scale-pulse-out-rapid.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /*========================================================
  2. DARK LAYOUT
  3. =========================================================*/
  4. @-webkit-keyframes line-scale-pulse-out-rapid {
  5. 0% {
  6. transform: scaley(1);
  7. }
  8. 80% {
  9. transform: scaley(0.3);
  10. }
  11. 90% {
  12. transform: scaley(1);
  13. }
  14. }
  15. @keyframes line-scale-pulse-out-rapid {
  16. 0% {
  17. transform: scaley(1);
  18. }
  19. 80% {
  20. transform: scaley(0.3);
  21. }
  22. 90% {
  23. transform: scaley(1);
  24. }
  25. }
  26. .line-scale-pulse-out-rapid > div {
  27. background-color: #b8c2cc;
  28. width: 4px;
  29. height: 3.45rem;
  30. border-radius: 2px;
  31. margin: 2px;
  32. -webkit-animation-fill-mode: both;
  33. animation-fill-mode: both;
  34. display: inline-block;
  35. vertical-align: middle;
  36. -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
  37. animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
  38. }
  39. .line-scale-pulse-out-rapid > div:nth-child(2),
  40. .line-scale-pulse-out-rapid > div:nth-child(4) {
  41. -webkit-animation-delay: -0.25s !important;
  42. animation-delay: -0.25s !important;
  43. }
  44. .line-scale-pulse-out-rapid > div:nth-child(1),
  45. .line-scale-pulse-out-rapid > div:nth-child(5) {
  46. -webkit-animation-delay: 0s !important;
  47. animation-delay: 0s !important;
  48. }