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';
});
← 返回索引