个人冲刺(5)
2025.4.25
样式关键代码
霓虹文字效果
.neon-text {
text-shadow: 0 0 5px #6473ff, 0 0 10px #6473ff;
animation: flicker 1.5s infinite alternate; /* 闪烁动画 */
}
@keyframes flicker {
0%, 100% { opacity: 1; }
50% { opacity: 0.7; }
}
发光按钮
.el-button--primary {
background: linear-gradient(90deg, #6473ff, #9b50ff);
box-shadow: 0 0 15px rgba(100, 115, 255, 0.5);
}
.el-button--primary:hover {
transform: translateY(-3px);
box-shadow: 0 0 20px rgba(100, 115, 255, 0.8);
}