ball-pulse.css 690 B

12345678910111213141516171819202122232425262728
  1. @keyframes scale {
  2. 0% {
  3. transform: scale(1);
  4. opacity: 1; }
  5. 45% {
  6. transform: scale(0.1);
  7. opacity: 0.7; }
  8. 80% {
  9. transform: scale(1);
  10. opacity: 1; } }
  11. .ball-pulse > div:nth-child(1) {
  12. animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
  13. .ball-pulse > div:nth-child(2) {
  14. animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
  15. .ball-pulse > div:nth-child(3) {
  16. animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
  17. .ball-pulse > div {
  18. background-color: #55595c;
  19. width: 15px;
  20. height: 15px;
  21. border-radius: 100%;
  22. margin: 2px;
  23. animation-fill-mode: both;
  24. display: inline-block; }