阴影生成
开发者工具可视化调节 CSS 阴影:X/Y 偏移、模糊、扩散、颜色和不透明度,支持多层叠加与内阴影。真实感来自叠加——一层贴地的小阴影加一层大范围的淡阴影,比单层大模糊自然得多。
可视化调节 CSS 阴影:X/Y 偏移、模糊、扩散、颜色和不透明度,支持多层叠加与内阴影。真实感来自叠加——一层贴地的小阴影加一层大范围的淡阴影,比单层大模糊自然得多。
box-shadow: 0px 1px 2px 0px rgba(15, 23, 42, 0.06),
0px 4px 12px -2px rgba(15, 23, 42, 0.1);真实感来自叠加:一层贴近元素的小阴影负责「落地」,一层大范围的淡阴影负责「离地高度」。 单层大模糊看起来总是发虚。扩散给负值可以让阴影比元素窄,避免边缘糊出来。