
如何实现上图的图片倒影效果:
1.先上传JS文件reflection到你的空间,然后用以下代码导入此文件(src后改成你上传JS文件的地址):
<script type="text/javascript" src="reflection.js"></script>
2.应用JS,用标签img导入任意图片,用class标示倒影的属性,如下:
<img src="***.jpg" alt="Example Image"class="reflect rheight50 ropacity50 ">
其中rheight后的数字代表倒影的高度,ropacity后的数字代表倒影的透明度,1-100的数字都可以。下载此JS文件:Reflection.js
参考:http://cow.neondragon.net/stuff/reflection/
