AI 摘要：介绍如何使用 CSS 的 conic-gradient() 和 repeating-conic-gradient() 创建条纹和爆发式背景效果。

文章首先回顾了使用 CSS 线性渐变（linear-gradient 和 repeating-linear-gradient）创建条纹背景的基本方法，并介绍了新的简化语法。接着，作者将这一概念扩展到圆锥渐变（conic-gradient），展示了如何通过硬色停（hard stops）创建爆发式背景效果。文章还提到如何通过叠加径向渐变（radial-gradient）调整中心区域，并参考了 Robinhood 首页的设计，探讨了如何通过更多渐变或 SVG 实现更复杂的动态效果。最后，作者鼓励读者尝试用 @property 实现动画效果。

Frontend Masters

CSS Bursts with Conic Gradients

You can make stripes with CSS gradients pretty easily. It’s that classic thing where you don’t fade a color from one to another, you just switch colors by having two colors share the same “color stop”. I made this one time to explain that: