| 以文本方式查看主题 - 智睿软件_技术交流论坛 (http://zhirui.net/bbs/index.asp) -- Web页面设计 (http://zhirui.net/bbs/list.asp?boardid=33) ---- [推荐]用CSS实现逼真的图片阴影效果 (http://zhirui.net/bbs/dispbbs.asp?boardid=33&id=1318) |
| -- 作者：zhirui -- 发布时间：2011-07-15 14:35:48 -- [推荐]用CSS实现逼真的图片阴影效果 <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="v5.jpg" /> </body> </html> |