图层效果 #
你可以在效果列表中添加或删除图层效果。Figma 可以渲染每种阴影类型最多 8 个,每个模糊类型 1 个。请记住,这些效果所使用的模糊可能导致性能不佳,背景模糊通常是最耗性能的图层效果。
投影: #
阴影可以设置偏移量,模糊大小、颜色和混合模式。
- 投影也可以应用于整个组下的组和层,而不是每个单独的形状。
内阴影: #
形状的内部阴影。
- 像投影一样,内阴影可以应用于组。
图层模糊: #
这会模糊任何给定图层的形状。
- 大量像素的模糊可能会导致性能问题。
背景模糊: #
这会模糊图层边界下所有图层。
大量像素的模糊可能会导致性能问题。
要使用背景模糊,请确保填充不透明度设置为远低于 100%。不透明度可以设置为低至 1%,以使用背景模糊。
图层效果渲染顺序 #
在 Figma 中,图层效果适用于图层和组。使用组模糊和阴影可以提高性能,但请记住下表中的堆叠顺序差异。
在重叠层上,组和层阴影的差异最明显。当形状不重叠时,外观通常应该是相同的。
图层: #
- 图层模糊(顶部)
- 描边
- 内阴影
- 填充
- 投影
- 背景模糊(底部)
组: #
- 图层模糊(顶部)
- 内阴影(组的子元素):
- 适用于所有子元素
- 填充、描边、蒙版和图层效果
- 渲染背景填充(如果启用和或加入到导出)
- 投影(子元素和背景填充)
- 背景模糊(底部)