css给图片加阴影

时间:2017-06-13
<html>
<head></head>
<title>无标题文档</title>
<style type="text/css">
   /*方法二:使用滤镜*/
   .cssshadow
   {
-moz-box-shadow: 0px 2px 8px 4px #525151;
-webkit-box-shadow: 0px 2px 8px 4px #525151;
box-shadow: 0px 2px 8px 2px #525151;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
   }
</style>
</head>
<body >
效果2:
<img class="cssshadow" src="http://www.zgguan.com/images/new_logo.png" />
</body>
</html>

css图片透明效果

效果演示
上一条:怎么为网站添加icon图标,让你的网站更炫 下一条:简单JS判断当前浏览器是不是IE浏览器

相关文章

最新文章