console
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
background: #000;
height: 100vh;
overflow: hidden;
}
.light-beam {
position: absolute;
height: 2px;
background: linear-gradient(90deg, #ff00cc, #3333ff);
box-shadow: 0 0 15px #ff00cc;
animation: beamMove 3s infinite alternate;
}
@keyframes beamMove {
0% { transform: rotate(0deg) translateX(0); opacity: 0.2; }
100% { transform: rotate(360deg) translateX(500px); opacity: 1; }
}
</style>
</head>
<body>
<script>
for (let i = 0; i < 50; i++) {
const beam = document.createElement('div');
beam.className = 'light-beam';
beam.style.top = Math.random() * 100 + 'vh';
beam.style.width = Math.random() * 300 + 'px';
beam.style.animationDelay = Math.random() * 5 + 's';
document.body.appendChild(beam);
}
</script>
</body>
</html>