五行CSS实现逼真图片阴影效果_图片特效特效

模板酷站
  •       2/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!

      五行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="http://p1.mb5u.com/texiao/1/20110225160554621.jpg" /> </body> </html>

查看原文