css实现阴影效果的方法
来源：爱站网时间：2019-10-09编辑：网友分享
我们在网页设计中经常会使用到阴影效果，在没有css3的一般都会用图片去做阴影效果，那么现在我们可以利用css3去实现阴影效果了，那么我们现在就一起去看看css实现阴影效果的方法。
我们在网页设计中经常会使用到阴影效果，在没有css3的一般都会用图片去做阴影效果，那么现在我们可以利用css3去实现阴影效果了，那么我们现在就一起去看看css实现阴影效果的方法。
复制代码
代码如下:.mydiv{
width:250px;height:auto;border:#909090 1px solid;background:#fff;color:#333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/
}
本文中小编为大家介绍了css实现阴影效果的方法，小伙伴们有空可以来爱站技术频道，我们的网站上还有许多其它的资料等着小伙伴来挖掘哦！
上一篇：div滚动条的实现方法
下一篇：关于margin的介绍
