简化CSS3动画@keyframes

Question

几个月前,我建立了一个动画CSS3 AT-AT http://www.ruawebdesign.com/css3-at-at.我构建它主要是作为一个学习实验,并看看使用新的CSS3功能可能.像我们构建的大多数东西一样,我将它发布到网上.我没想到收到的网站会有大量的流量.我想也许是朋友和同事的一些观点,但它仍然每周从世界各地收集几百个观点.

因此,我想使其与CPU的使用量相比更加简化.出于某种原因,动画会限制内存.我很感激您在stackoverflow上的任何反馈,让人们可以在没有粉丝的情况下查看我的实验.

在任何人建议javascript/jquery替代方案之前,请记住我构建它以测试CSS3的功能.

提前致谢.

Answer 1

干得好。您让我看到了 CSS3 在动画方面的潜力。

不幸的是，我无法回答您提出的问题，但我正在接受动画师培训，因此我可以提出一些建议来帮助您改进动画：

1. 一次抬起两条腿：左前和右后同时抬起，然后右前和左后同时抬起。它们必须是相对的腿以保持平衡。

2. 未抬起的腿应保持在地面上，但在场景中向后移动，以模拟身体相对于其位置向前移动的事实。

3. 由于着地的双腿向后滑动，身体自然会稍微下降。

4. 如果你想增加更多的真实感，请在抬起的腿再次到达地面后立即将身体进一步稍微下降，然后再抬起来。这会让重量看起来像是转移到了那些腿上。