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;
}