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>