只适合正常模式:
h-shadow = 距离 * cos(180 - Angle)
h-shadow = 距离 * cos (180 - Angle)
spread = 扩展 * 大小
blur = 大小 - spread
color = rgba (a显示透明度)
遇到了psd设计图是正片叠底模式的,用以下方式实现:
将div与弹框放置于平行位置,设置相同的位置
然后写如下代码
box-shadow: 0 0 .08rem .01rem rgba(227, 227, 227, 0.6);
mix-blend-mode: multiply;