【html+css】阴影

阅读 45

2022-03-11

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

精彩评论(0)

0 0 举报