美文网首页
box-shadow(阴形)使用

box-shadow(阴形)使用

作者: gsunneverdie | 来源:发表于2023-02-17 09:56 被阅读0次

#01. box-shadow:属性用于在元素的框架上添加阴影效果。你可以在同一个元素上设置多个阴影效果,并用逗号将他们分隔开。该属性可设置的值包括阴影的 X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径和颜色。

  1. box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); // x 偏移量 | y 偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色
    (可省略)第四个值spread-radius,取正值时,阴影扩大;取负值时,阴影收缩。默认为 0,此时阴影与元素同样大。

相关文章

网友评论

      本文标题:box-shadow(阴形)使用

      本文链接:https://www.haomeiwen.com/subject/wihpkdtx.html