这个效果,适合怎么用?
极光效果把品牌主色融入渐变光团,形成有呼吸感的首屏。适合搭配一句清晰的品牌主张和一个主要行动按钮,让访客先读懂内容,再感受到氛围。
演示中的光团采用 CSS 位移动画,可以按品牌替换颜色、速度和亮度。应用时建议控制在一个展示区域,文字所在位置保留稳定的深色底,避免背景变化影响阅读。
放在哪些位置
首页首屏品牌介绍活动落地页
搭配与使用建议
- 品牌主色以两到三种为宜,文字与背景保持清晰对比。
- 手机上缩小光团和滤镜范围,减少持续重绘。
- 减少动态模式下展示静态渐变,核心内容始终可读。
启讯原创实现 · CSS 渐变与变换动画