[英]How can i achieve this mouse movement triggered animation?
该效果称为“视差”。
有一些库使创建它更容易。
在快速搜索中,我找到了一个: Parallax.js (演示可在此处获得 )
使用以下命令很容易实现:
<ul id="scene">
<li class="layer" data-depth="0.00"><img src="layer1.png"></li>
<li class="layer" data-depth="0.20"><img src="layer2.png"></li>
<li class="layer" data-depth="0.40"><img src="layer3.png"></li>
<li class="layer" data-depth="0.60"><img src="layer4.png"></li>
<li class="layer" data-depth="0.80"><img src="layer5.png"></li>
<li class="layer" data-depth="1.00"><img src="layer6.png"></li>
</ul>
和javascript:
var scene = document.getElementById('scene');
var parallax = new Parallax(scene);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.