SOURCE

console 命令行工具 X clear

                    
>
console
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      margin: 0;
      background: #000;
      height: 100vh;
      display: grid;
      grid-template-columns: repeat(20, 1fr);
      overflow: hidden;
    }
    .neuron {
      aspect-ratio: 1;
      border-radius: 50%;
      background: #0f0;
      opacity: 0.1;
      animation: pulse 1.5s infinite;
    }
    @keyframes pulse {
      0% { box-shadow: 0 0 0 0 rgba(0,255,0,0.7); }
      70% { box-shadow: 0 0 0 20px rgba(0,255,0,0); }
      100% { box-shadow: 0 0 0 0 rgba(0,255,0,0); }
    }
  </style>
</head>
<body>
  <script>
    // 生成神经元节点
    for (let i = 0; i < 200; i++) {
      const neuron = document.createElement('div');
      neuron.className = 'neuron';
      neuron.style.animationDelay = Math.random() * 2 + 's';
      neuron.style.gridColumn = Math.floor(Math.random() * 20) + 1;
      neuron.style.gridRow = Math.floor(Math.random() * 20) + 1;
      document.body.appendChild(neuron);
    }
    
    // 随机激活神经元
    setInterval(() => {
      const neurons = document.querySelectorAll('.neuron');
      neurons[Math.floor(Math.random() * neurons.length)].style.opacity = '0.8';
      setTimeout(() => neurons.forEach(n => n.style.opacity = '0.1'), 300);
    }, 100);
  </script>
</body>
</html>