console 命令行工具 X clear
console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  .dots-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }
  .dot {
    background-color: #6257D5;;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0 0.5px;
    animation: pulse 1.4s infinite linear both;
  }
  
  .dot:nth-child(1) { animation-delay: 0ms; }
  .dot:nth-child(2) { animation-delay: 160ms; }
  .dot:nth-child(3) { animation-delay: 320ms; }
  .dot:nth-child(4) { animation-delay: 480ms; }

  @keyframes pulse {
    0%, 40%, 100% { 
      transform: translateY(0) scale(0.5);
      opacity: 0.25;
    }
    15% { 
      transform: translateY(-5px) scale(0.85);
      opacity: 1;
    }
  }
</style>
</head>
<body>

<div class="dots-container">
  <div class="dot"></div>
  <div class="dot"></div>
  <div class="dot"></div>
  <div class="dot"></div>
</div>

</body>
</html>