ball-pulse-sync.css 647 B

12345678910111213141516171819202122232425
  1. @keyframes ball-pulse-sync {
  2. 33% {
  3. transform: translateY(10px); }
  4. 66% {
  5. transform: translateY(-10px); }
  6. 100% {
  7. transform: translateY(0); } }
  8. .ball-pulse-sync > div:nth-child(1) {
  9. animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; }
  10. .ball-pulse-sync > div:nth-child(2) {
  11. animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; }
  12. .ball-pulse-sync > div:nth-child(3) {
  13. animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }
  14. .ball-pulse-sync > div {
  15. background-color: #55595c;
  16. width: 15px;
  17. height: 15px;
  18. border-radius: 100%;
  19. margin: 2px;
  20. animation-fill-mode: both;
  21. display: inline-block; }