CSS图片倒影特效DIV+JS版

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

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

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

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

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