css中如何给div或者是li加上一个边框阴影，并且慢慢出现

最新推荐文章于 2025-04-08 12:30:00 发布

陈建江！

最新推荐文章于 2025-04-08 12:30:00 发布

阅读量1.6k

点赞数

分类专栏：工具代码

本文链接：https://blog.youkuaiyun.com/weixin_44841312/article/details/117440472

版权

工具代码专栏收录该内容

3 篇文章

订阅专栏

.middle>ul>li{//原本的li样式定义
	float:left;
	width:23%;
	height:350px;
	margin:20px;
	background-color:white;
	border-radius:5px;
	
}

.middle>ul>li:hover{//给上面样式添加移入鼠标后的阴影效果
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
   -moz-box-shadow: 2px 2px 10px #909090;
   -webkit-box-shadow: 2px 2px 10px #909090;
   box-shadow:2px 2px 10px #909090;
   transition: all 0.5s;
}