A playground for css tricks 🤖
- 使用
linear-gradient的 color stop 属性，构造界限分明的色彩分区 - 将旗帜分为等宽的几列，依次设置不同的动画延迟时间，结合
transform: translate构造波浪效果
优化：
部分设备上的小数列存在显示bug；
正延时导致的前几帧的显示不流畅；
使用CSS伪类（.column:first-child / .column:last-child）设置列表的部分圆角
A playground for css tricks 🤖
linear-gradient 的 color stop 属性，构造界限分明的色彩分区transform: translate 构造波浪效果优化：
部分设备上的小数列存在显示bug；
正延时导致的前几帧的显示不流畅；
使用CSS伪类（.column:first-child / .column:last-child）设置列表的部分圆角