loading

image.png

  1. <style>
  2.       body {
  3.         height: 100vh;
  4.         width: 100%;
  5.         display: flex;
  6.         justify-content: center;
  7.         align-items: center;
  8.       }
  9.       .loading {
  10.         position: relative;
  11.         width: 20px;
  12.         height: 20px;
  13.         background-color: aqua;
  14.         border-radius: 50%;
  15.         margin-right: 20px;
  16.         animation: 2s ease-in infinite scale;
  17.       }
  18.       @keyframes scale {
  19.         50% {
  20.           transform: scale(1.5);
  21.         }
  22.       }
  23. </style>
  24.   <div class="loading" style="animation-delay: 0s"></div>
  25.   <div class="loading" style="animation-delay: 0.5s"></div>
  26.   <div class="loading" style="animation-delay: 1s"></div>
  27. </body>