box-shadow: 8px 15px teal
阴影水平偏移
8px
,垂直偏移
15px
,
阴影颜色为
teal
box-shadow: -8px -15px rgba(0, 0, 0, 0.5)
阴影水平偏移
-8px
,垂直偏移
-15px
,
阴影颜色为
透明度为0.5的黑色
box-shadow: 8px 15px 5px teal
阴影水平偏移
8px
,垂直偏移
15px
,
阴影的模糊半径为
5px
,该值越大,模糊的范围就越大
阴影颜色为
teal
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
阴影水平偏移
0
,垂直偏移
0
,
阴影的模糊半径为
10px
,该值越大,模糊的范围就越大
阴影颜色为
透明度为0.5的黑色
box-shadow: 0 0 0 10px teal
阴影水平偏移
0
,垂直偏移
0
,
阴影的模糊半径为
0
,该值越大,模糊的范围就越大
阴影扩散
10px
阴影颜色为
teal
box-shadow: inset 0 0 3px 8px teal
阴影
向内
扩散
阴影水平偏移
0
,垂直偏移
0
,
阴影的模糊半径为
3px
,该值越大,模糊的范围就越大
阴影扩散
8px
阴影颜色为
teal
box-shadow: 0 0 0 8px lightgreen,
0 0 0 16px teal
多个阴影,前者覆盖后者
box-shadow: inset 0 0 0 8px lightgreen,
inset 0 0 0 16px teal
多个阴影,前者覆盖后者