黄子涵

查漏补缺——说说box-shadow

问题

如题所示

答案

相关源码:

box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

CSS3box-shadow属性详解

box-shadow详解

CSS —— 盒子阴影(box-shadow)

按照顺序解释上面源码的参数的意思:

  • 0指的是x轴偏移量是0、

  • 2px指的是y轴偏移量是2px

  • 12px指的是阴影模糊半径是12px

  • 0指的是阴影扩展半径是0

  • rgba(0, 0, 0, 0.1)是阴影的颜色

posted @ 2022-06-28 12:23  黄子涵  阅读(62)  评论(0)    收藏  举报