Floating Particles

Subtle floating particles drifting across the background.

.particles { position:relative; overflow:hidden; background:#0a0a0b; }
.particle { position:absolute; width:4px; height:4px; background:rgba(255,255,255,0.15); border-radius:50%; animation:float 8s infinite; }
@keyframes float { 0%,100%{transform:translate(0,0)} 25%{transform:translate(50px,-30px)} 50%{transform:translate(-20px,-60px)} 75%{transform:translate(30px,-20px)} }