你的爱情信号满格了吗，使用:nth-child()和变量绘制信号彩带 不要小看这个动画喔，34行CSS代码，巧妙运用到以下知识点
BFC+CSS变量遍历+CSS变量组合计算+滤镜色相旋转+反向动画+Flexbox底部基线对齐
线上演示：
codepen.io更多CSS骚操作：juejin.im
展开
6
33
你的爱情信号满格了吗，使用:nth-child()和变量绘制信号彩带 BFC+CSS变量遍历+CSS变量组合计算+滤镜色相旋转+反向动画+Flexbox底部基线对齐线上演示：codepen.io更多CSS骚操作：juejin.im ![[绝望的凝视]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_69.cabd864.png)
， 同遭遇的掘友们，来发牢骚吧