line-scale-random.css 806 B

1234567891011121314151617181920212223242526272829303132333435
  1. @keyframes line-scale-party {
  2. 0% {
  3. transform: scale(1); }
  4. 50% {
  5. transform: scale(0.5); }
  6. 100% {
  7. transform: scale(1); } }
  8. .line-scale-party > div:nth-child(1) {
  9. animation-delay: 0.28s;
  10. animation-duration: 0.41s; }
  11. .line-scale-party > div:nth-child(2) {
  12. animation-delay: 0.45s;
  13. animation-duration: 0.45s; }
  14. .line-scale-party > div:nth-child(3) {
  15. animation-delay: 0.01s;
  16. animation-duration: 1.29s; }
  17. .line-scale-party > div:nth-child(4) {
  18. animation-delay: 0.66s;
  19. animation-duration: 1.03s; }
  20. .line-scale-party > div {
  21. background-color: #55595c;
  22. width: 4px;
  23. height: 3.45rem;
  24. border-radius: 2px;
  25. margin: 2px;
  26. animation-fill-mode: both;
  27. display: inline-block;
  28. animation-name: line-scale-party;
  29. animation-iteration-count: infinite;
  30. animation-delay: 0; }