我想在我的移动设备上穿越太空。我想用CSS来做。
因此，我创建了一个漂亮的空间图像，并在用户浏览时在页面背景中进行缩放。
问题？它会导致事情过热。这有点奇怪，因为我在目前为止测试的设备上获得了50-60fps。这包括iPhone 3Gs，iPhone 4，iPhone 5，甚至我的视网膜MacBook Pro。
所有这些设备最终都会过热，甚至导致我的电脑在两三分钟后将其风扇升至最大值。
我正在寻找改善此动画效果的建议，或者可能是另一种在移动设备上获得同样效果的解决方案。
谢谢！
body {
background-image: url('omg_space.jpg');
animation: warp-speed 20s linear infinite reverse;
}
@keyframes warp-speed {
0% {
background-position: 0 0;
}
100% {
background-position: 0 1000px; /* height of the background image */
}
}