div {
width: 200px;
height: 200px;
background-color: pink;
margin: 100px auto;
/* h-shadow 必需的。水平阴影的位置。允许负值
v-shadow 必需的。垂直阴影的位置。允许负值
blur 可选。模糊距离
spread 可选。阴影的大小
color 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表
inset 可选。从外层的阴影(开始时)改变阴影内侧阴影 */
/* box-shadow: 10px 10px 10px 10px inset; */ }
div:hover {
box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 3);
}