CSS图片倒影特效DIV+JS版

DIV+CSS+JS版图片倒影特效实现，只需IMG标签使用一个class即可实现图片倒影功能美化效果，在线演示与打包下载。

div css版图片倒影特效
css div图片倒影特效效果截图

使用非常简单，在HTML引入JS后对img标签内加入“class="reflect""即可实现对应图片出现倒影效果。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>图片投影CSS特效 在线演示 www.divcss5.com</title> 
<link rel="shortcut icon" href="http://www.zhangxinxu.com/divcss5_ico.png" /> 
<link rel="stylesheet" href="css/common.css" type="text/css" /> 
<script type="text/javascript" src="js/reflection.js"></script> 
</head> 
 
<body> 
<h3 class="divcss5_title">实现<a href="http://www.divcss5.com/css-texiao/texiao610.shtml">图片投影</a>效果如下</h3> 
<div class="divcss5_main_con"> <img class="reflect" src="images/csimg.png" /> </div> 
<div class="mb20">图片标签添加class="reflect"，即可对此图片实现倒影效果等。</div> 
</body> 
</html>

在线演示：查看案例

图片倒影特效打包下载：

立即下载（170.655KB）

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css-texiao/texiao610.shtml