这里要注意的一点是设置的 persepective 值和单个图片 translateZ(length) 的值，persepective 一定要比 translateZ(length) 的值大，否则就是相当于舞台跑你身后去了，肯定是看不到效果了。
本来想继续说
这些个可以让动画效果变得更赞的一些 CSS3 属性，但是觉得本文篇幅已经很长，而且这两个属性有点偏离主题，打算另起一文，再做深入探究。
再说两点本文没有谈到的，但是很有用处的小细节，感兴趣的可以去了解了解，也会在接下来进行详细探讨：
1、使用 transform3d api 代替 transform api，强制开启 GPU 加速，提升网站动画渲染性能；
2、使用 CSS3 will-change 提高页面滚动、动画等渲染性能
OK，本文到此结束，如果还有什么疑问或者建议，可以多多交流，原创文章，文笔有限，才疏学浅，文中若有不正之处，万望告知。
本文完整的代码，以及更多的 CSS3 效果，在我 github 上可以看到，也希望大家可以点个 star。
本文的 demo 戳我。
如果本文对你有帮助，请点下推荐，写文章不容易。
相关文章
精彩导读
热门资讯
关注我们
