在 CSS 中投影支持 x、y 轴坐标偏移,模糊(Blur),和扩大收缩值(Spread),在设计中我们也熟悉了设置这些值来实现各种各样的效果,但是由于 Figma 采用的是 Canvas 技术,而 Canvas 中绘制阴影本身不支持 Spread 属性,所以一直以来 Figma 也不支持。

但是这个属性设计师会经常使用,有了它就可以做出很多效果。现在,Figma 自己实现了这个投影属性,还做了不少优化,你可以使用它来做更多事情了。贴心的 Figma 还给出了一个官方文件示例,可以快速把玩一下。

博文:https://www.figma.com/blog/behind-the-feature-shadow-spread/

阴影支持 spread 属性及其玩法