纯Css实现图片阴影代码非常逼真的效果

发布时间：2018-08-24 02:38:22 所属栏目：编程来源：站长网

导读：这是纯CSS实现的传神图片阴影结果，假如认为不满足，本身再修改下结果，代码较量简朴，首要是行使了Filter滤镜，个中的参数都可以修改的。你可以试着修改各个值，看有什么结果。演示： htmlheadtitleCSS实现传神图片阴影结果/titlestyle.shadow {-moz-box

　　这是纯CSS实现的传神图片阴影结果，假如认为不满足，本身再修改下结果，代码较量简朴，首要是行使了Filter滤镜，个中的参数都可以修改的。你可以试着修改各个值，看有什么结果。

　　演示：

<html> <head> <title>CSS实现传神图片阴影结果</title> <style> .shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* 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> <img class="shadow" src="/uploads/common/images/p1.jpg" /> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MySQL源码安置	运用图形界面从SQL导入
MySQL5.7+keepalived+	windows系统下jsp+mys

纯Css实现图片阴影代码 非常逼真的效果

纯Css实现图片阴影代码非常逼真的效果