css做div的box阴影

最新推荐文章于 2023-06-28 12:31:50 发布

magicianP

最新推荐文章于 2023-06-28 12:31:50 发布

阅读量630

点赞数

本文链接：https://blog.csdn.net/magicianp/article/details/38338309

版权

做前台需要给box加上阴影，找了一下css3相关设置

.yingyin{
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=225, Color='#cccccc')";  /* For IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=225, Color='#cccccc');  /* For IE 5.5 - 7 */
-moz-box-shadow: -2px 2px 10px #cccccc;/* for firefox */
-webkit-box-shadow: -2px -2px 10px #cccccc;/* for safari or chrome */
box-shadow:-2px 2px 10px #cccccc;/* for opera or ie9 */
/*{box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}*/	
}

基本涵盖了目前流通的浏览器