注册 登录 充值会员 退出
毕业设计 PHP源码
充值

非常酷的jQuery鼠标滑过图片3D展示图片文字特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-02-15
非常酷的jQuery鼠标滑过图片3D展示图片文字特效
jQuery鼠标滑过或悬停在图片上时,图片与文字3D动画展示,还会随着鼠标的移动而改变动画效果,这是一款基于jquery.hover3d插件实现的鼠标滑过图片时,图片3D倾斜,旋转的效果。


JS代码:

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/jquery.hover3d.js" ></script>
<script>
	$(document).ready(function(){
		$(".project").hover3d({
			selector: ".project__card",
			shine: true,
		});

		$(".movie").hover3d({
			selector: ".movie__card",
			shine: true,
			sensitivity: 20,
		});
	});

</script>