智睿软件_技术交流论坛综合站长Web页面设计 → [推荐]用CSS实现逼真的图片阴影效果


  共有16826人关注过本帖树形打印

主题:[推荐]用CSS实现逼真的图片阴影效果

帅哥哟,离线,有人找我吗?
zhirui
  1楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:管理员 帖子:520 积分:8740 威望:0 精华:5 注册:2009-07-07
[推荐]用CSS实现逼真的图片阴影效果  发帖心情 Post By:2011-07-15 14:35:48

<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>

企业开源网站管理系统,中小型企业的成长伙伴 支持(0中立(0反对(0回到顶部