久久资源网

纯js 3D倒影图片旋转插件

纯js 3D倒影图片旋转插件

2019-05-31 09:33:14 图片代码

售价:5.00积分 会员免费

特别声明:资源售价只是赞助,不代表代码或者素材本身点数。收取费用仅维持本站的日常运营所需!

纯js 3D倒影图片旋转插件

原生js css3属性制作卷筒式的3D立体图片带倒影效果,通过鼠标上下左右来回拖动,图片3D旋转播放特效。

 

使用方法

1、head引入css文件

<link type="text/css" href="css/style.css" rel="stylesheet" />

2、body引入HTML代码

<dl>
	<dt></dt>
	<dd>
		<img src="img/t1.png" />
	</dd>
	<dd>
		<img src="img/t2.png" />
	</dd>
	<dd>
		<img src="img/t3.png" />
	</dd>
	<dd>
		<img src="img/t4.png" />
	</dd>
	<dd>
		<img src="img/t5.png" />
	</dd>
	<dd>
		<img src="img/t6.png" />
	</dd>
	<dd>
		<img src="img/t1.png" />
	</dd>
	<dd>
		<img src="img/t2.png" />
	</dd>
	<dd>
		<img src="img/t3.png" />
	</dd>
	<dd>
		<img src="img/t4.png" />
	</dd>
</dl>

<script type="text/javascript" src="js/script.js"></script>

资源出处:https://www.moyublog.com/codes/898.html

关注微信