加速最快的javascript雪
我见过很多，但它们看起来都不加速，而且很慢。
例如：
是否有可能有一个在 iPhone 4/典型 Android 设备（如 Kindle Fire）上足够流畅的脚本？
问候，
更新
感谢 Julian D.！ designshack.net/?p=27674 太棒了！根本没有脚本，纯CSS，几个层朝不同的方向移动。一些提示：
- 图层的图案应该足够小（<=300px），
- 不应该有彩色动画（从-webkit 50％和100％关键帧中删除它），
- 使用2层而不是3层，
- 添加-webkit-transform：translateZ (0);对于所有关键帧，请参阅 iPhone 4 上的 HTML5 过渡性能详细信息，感谢 mikeyUX。
- 20s太流畅了，用10s吧。
通过所有这些技巧，它在 iOS (iPod 4 Touch) 上的速度足够快，可以在实际项目中使用。
I have saw a lot of them, but all they look not accelerated and slow.
For instance:
Is it possible at all to have a script that will be smooth enough on iPhone 4 / typical Android device (like Kindle Fire)?
Regards,
UPDATE
Thanks to Julian D.! designshack.net/?p=27674 is awesome! No scripts at all, pure CSS, several layers are moving in different directions. Some tips:
- Layer's patterns should be small enough (<=300px),
- There should be NO color animation (remove it from -webkit 50% and 100% keyframes),
- Use 2 layers instead of 3,
- Add -webkit-transform: translateZ(0); for all keyframes, see HTML5 transition perfomance on iPhone 4 for details, thanks to mikeyUX.
- 20s is too smoothly, use 10s.
With all these tips it's fast enough on iOS (iPod 4 Touch) to be used in a real project.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果您正在谈论硬件加速动画，您需要查看基于 CSS 关键帧动画的解决方案，例如
这是一个教程如何做
- http://girliemac.com/blog /2009/02/18/using-keyframes-webkit-css-animation-examples/
不过，您的情况可能会有所不同。有些 Android 设备/版本根本不支持硬件加速，你运气不好。
If you are talking about hardware accelerated animations you want to look at CSS Keyframe Animation-based solutions, e.g.
Here is a tutorial how to do
- http://girliemac.com/blog/2009/02/18/using-keyframes-webkit-css-animation-examples/
Still, your mileage may vary. Some Android devices/version don't support hardwarde acceleration at all, you are out of luck here.