龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css div实现阴影效果

时间:2012-12-31 10:44来源:未知 作者:admin 点击:
分享到:
分享一篇 css div实现阴影效果,有需要的朋友参考一下,完全好用并且兼容主流浏览器。 自己用得比较多的是: 代码如下 -moz-box-shadow:1px 2px 2px #aaa; -webkit-box-shadow:1px 2px 2px #aaa; box-shado
分享一篇 css div实现阴影效果,有需要的朋友参考一下,完全好用并且兼容主流浏览器。

自己用得比较多的是:

 代码如下

-moz-box-shadow:1px 2px 2px #aaa;
-webkit-box-shadow:1px 2px 2px #aaa;
box-shadow:1px 2px 2px #aaa;

-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=270,strength=0)";

*filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=270,strength=0);


精彩图集

赞助商链接