box-shadow:inset 0px 0px 40px 2px gray;
  • 第一个值:inset表示阴影是显示在盒子内部。如果不设置,则默认显示在盒子外部。

  • 第二个值:x方向的offset

  • 第三个值:y方法的offset

  • 第四个值:模糊半径

  • 第五个值:放大阴影。 正值表示放大,负值表示缩小。

  • 第六个值:阴影的颜色。

  • 注意:box-shadow也可以像text-shadow一样,使用逗号分隔同时设置多个阴影。


div {
    margin: 50px auto;
    width: 200px;
    height: 200px;
    border: 1px solid #000;
}
div:nth-child(1):hover {
    box-shadow: 0px 0px 40px 2px gray;
}
div:nth-child(2):hover {
    box-shadow:inset 0px 0px 40px 2px gray;
}

Copyright © 李振超 2018 all right reserved,powered by Gitbook
该文件最后修订时间: 2018-10-18 03:21:02

results matching ""

    No results matching ""