Gradient / Neon

使用明亮、饱和的色彩相互渗透,模拟霓虹灯光感。动态渐变背景与光标追踪结合,产生沉浸式的色彩流动体验。

NEON
GRADIENT
🌸
🌊
🔥
💜
/* 动态霓虹渐变 */ .neon-hero { background: linear-gradient(90deg, #ff00cc, #3333ff, #00ccff, #ff00cc); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientFlow 5s ease infinite; filter: drop-shadow(0 0 30px rgba(255,0,204,0.5)); } /* 光标追踪光晕 */ document.addEventListener('mousemove', (e) => { cursorGlow.style.left = e.clientX + 'px'; cursorGlow.style.top = e.clientY + 'px'; });
← 返回索引