Bloom + Dust Effect

Parallax Denemesi

#bloom { position: absolute; top: 50%; left: 50%; width: 2000px; height: 2000px; transform: translate(-50%, -50%); background: radial-gradient(circle at center, rgba(255, 255, 230, 0.2) 0%, rgba(210, 230, 255, 0.13) 30%, rgba(160, 190, 255, 0.08) 60%, rgba(0, 0, 20, 0) 95%); filter: blur(140px) brightness(1); opacity: 0.55; z-index: 3; /* front’un üstüne çıkarmak için artırıldı */ pointer-events: none; animation: subtleGlow 10s ease-in-out infinite; } @keyframes subtleGlow { 0%, 100% { opacity: 0.5; filter: blur(170px) brightness(1.3); } 50% { opacity: 0.7; filter: blur(190px) brightness(1.5); } }