这是我的JS FIFFLE https://jsfiddle.net/uo34ru7d/28/
我想在我的div上进行缩放效果,但它对我使用的脚本效果不佳。你会在JS FIDDLE上看得更清楚。
HTML
<div> </div>
<div> </div>
<div> </div>
<script src="https://raw.githubusercontent.com/nk-o/jarallax/master/jarallax/jarallax.js"></script>
CSS
div {
height:200px;
width:400px;
background-image:url("http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/07/background-pictures-2.jpg");
margin:50px;
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
transition: scale .3s ;
}
div:hover {
transform: scale(0.95);
}
THE JQUERY SCRIPT