 |
热门文章 |
|
|
|
相关文章 |
|
| 没有相关文章 |
|
|
| 五行CSS实现逼真图片阴影效果 |
| 来源：源码爱好者 更新时间：2010/8/27 9:04:46 阅读次数： 我要投稿 |
|
<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="/effects/UploadFiles_7074/201008/2010082709053823.jpg" />
</body>
</html> |
| 特效说明： |
五行CSS实现逼真图片阴影效果，如果觉得不满意，自己再修改下效果，代码比较简单，主要是使用了Filter滤镜，其中的参数都可以修改的。你可以试着修改各个值，看有什么效果。 |
|
| 上一篇文章： CSS+JS滑动门式的图片轮番切换下一篇文章： Jquery幻灯片/焦点图插件KinSlideshow |
|
|
|
注册 登录
