css给图片加阴影

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
<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图片透明效果

效果演示
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

很多初学制作网页的朋友,可能会遇到的一个常见问题,就是在CSS中加了margin:0 auto;却没有效果,不能居中的问题,margin:0 auto;的意思就是:上下边界为0,左右根据宽度自适应,其实就是水平居中的意思,在这里说两个典型的错误引起的不能居中的问题: 1、
layui上传图像失败后不提示失败原因,只提示(请求上传接口出现异常),如果会用调试工具的可以用调试工具查看,当然如果不会用调试工具可以修改模块里面的upload.js,更改如下(具体位置在格式化后大约130行): error: function(res) { var dd=res.respons
前端领域又发生了翻天覆地的变化,涌现了许多优秀的Javascript和CSS库,我们继续给大家收集和整理部分出色的前端组件和库分享给大家,希望对您有所帮助。 Moon Moon是一个JavaScript UI库,类似Vue.js,但是相对vue更加简化和直接,它去除一些膨胀代码。 它
CSS实现背景透明,文字不透明(各浏览器兼容)[转载]以下是示例CSS部分代码:
在写CSS样式编码时,难免会遇到对特定的浏览器进行样式设定。在讲述CSS的Hack前,先来了解下什么是CSS Hack?什么