css阴影效果实现方法分享

当前位置 : 首页 > 网页制作 > CSS > css阴影效果实现方法分享

css阴影效果实现方法分享

来源: 作者: 时间:2015-11-02 10:32
本文主要介绍了css阴影效果实现方法,大家参考使用吧,方法很简单,只要把下面的类加到DIV上就可以了
本文主要介绍了css阴影效果实现方法,大家参考使用吧,方法很简单,只要把下面的类加到DIV上就可以了


复制代码
代码如下:

.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*/
}


Tag:
网友评论

<