box-shadow 給盒子添加陰影


box-shadow 屬性用來給元素添加陰影,該屬性值是由逗號分隔的一個或多個陰影列表。

box-shadow 屬性的陰影依次由下面這些值描述:

  • offset-x 陰影的水平偏移量;
  • offset-y 陰影的垂直偏移量;
  • blur-radius 模糊半徑;
  • spread-radius 陰影擴展半徑;
  • color

其中 blur-radius 和 spread-radius 是可選的。

可以通過逗號分隔每個 box-shadow 元素的屬性來添加多個 box-shadow。

如下為添加了模糊效果的例子,它使用了透明度較高的黑色作為陰影:

box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM