juejin.im
少年家
端茶员
|
广州人才加工厂
获得徽章 0
- #视差滚动特效
(据不可靠推测) 视差滚动特效第一次出现在2014年，如今我们在很多网站上都可以看到它的身影。它的原理是通过前景与背景移动速度的差别，营造出一种奇妙的视觉体验。视差滚动一般分为两种：一种是前景和背景都动，但是前景比背景动得快（见图1）；还有一种是只有前景动，背景不动（见图2）。
第一种（图1）既可以通过js实现，也可以通过css 3d transform实现。js实现的兼容性比较好，css实现的性能比较好。
第二种（图2）主要通过background-attachment: fixed实现，比较简单。
图1的Demo+源码：
codepen.io
图2的Demo+源码：codepen.io
扩展阅读：keithclark.co.ukpixelcog.github.io 展开评论49 - 在西安培训完了以后来广州拿到了转正5500的工作，工资对于刚毕业第一份工作来说还可以，但是感觉快要待不下去了，太轻松了，965，过来2个月没有加过班，基本没有干什么活，修了几个bug，改了几个需求，一个半月时间都闲着。公司的项目也都是很老的erp，让我改bug的2个项目都是10年+的老项目，其中一个项目启都启不起来，感觉真的学不到东西，目前很纠结，是应该辞职重新找还是继续待下去利用空闲时间自己沉淀，前辈们给个建议展开359
- 网易云音乐 NodeJS API， 8950+star ，拥有 100 多个接口，可注册登录评论私人 FM等等等等，你值得拥有
- 文档：binaryify.github.io
- GitHub：github.com 展开25373
