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