大佬教程收集整理的这篇文章主要介绍了仅使用CSS进行视差滚动？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
请注意，浏览器前缀，后备等未得到解决。标/* e.g.
*/有的CSS值可以由设计人员决定是否更改。
在这里看到我的[叉子]
<HTML><head><style>
HTML,
body {
wIDth: 100%;
height: 100%;
overflow: auto;
}
body {
perspective: 1px; /* e.g. */
}
.BACkground {
transform:
translateZ(-.4pX)
scale(.6)
translateX(-104%)
translateY(-40%)
rotate(-5deg); /* e.g. */
}
.foreground {
transform:
translateZ(.25pX)
translateX(50%)
scale(.75)
rotate(2deg); /* e.g. */
}
</style></head><body>
<img class="BACkground"/>
<img class="foreground"/>
</body></HTML>
对KitKat的回答进行了较小的修正：似乎不需要transform-style:preserve-3d（至少在Chrome中是这样），并且效果。删除它，视差就会失败。
我一直在做一个项目，内容已经完成。但是对于设计，我正在考虑使用视差滚动技术。
但是，我所能找到的全部还是JavaScript或Jquery，而我只精通CSS3。
可以仅使用CSS3（如果需要使用HTML5）而不是使用jquery插件来实现视差滚动吗？如果我能指出一些相同的教程，那就太好了。
注意：这接近于我想要产生的效果
以上是大佬教程为你收集整理的仅使用CSS进行视差滚动？全部内容，希望文章能够帮你解决仅使用CSS进行视差滚动？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。