精简CSS3动画@keyframes

几个月前我建立了一个动画CSS3 AT-AT http://www.ruawebdesign.com/css3-at-at。我主要将它作为一个学习实验来构建，并且看看使用新的CSS3功能可能会发生什么。像我们制作的大多数东西一样，我将它发布到网上。我并不期望它收到的网站有大量的流量。我想也许是来自朋友和同事的一些看法，但它仍然每周从全世界收集几百个观点。精简CSS3动画@keyframes

因此，我想让它更简化一些与它的CPU使用率有关。出于某种原因，动画节制了内存。我会很感激你的任何反馈可爱的人在stackoverflow，将允许人们查看我的实验，没有他们的粉丝踢英寸

也之前有人建议一个JavaScript/jQuery替代记得我建立这个测试CSS3的功能。

在此先感谢。

来源

2012-04-27 frontendzzzguy

只是为了记录，CSS动画不是CSS转换不是CSS转换。我相应地重申了这个问题。 – BoltClock 2012-04-27 10:03:42

对不起，我应该对我的问题更具体，因为我使用了很多转换和转换，这些转换和转换也可能与内存耗尽有关。不管怎么说，还是要谢谢你。 – frontendzzzguy 2012-04-27 10:09:36

这是新的家庭在Codepen https://codepen.io/trickeedickee/full/zylEL/ – frontendzzzguy 2017-12-21 10:20:30

不错的工作。你已经开启了我的视线，看看CSS3的动画潜力。

我不能回答你问不幸的问题，但我训练成为一名动画师，所以我可以提出一些建议，以帮助你改善你的动画：

抬起两条腿在一个时间：同时左前方和右后方，同时前方右方和后方左方。他们必须为了平衡而反对双腿。
未抬起的腿应该保持在地面上，但在场景中向后移动以模拟身体相对于其位置向前移动的事实。
由于地面上的腿向后滑动，身体自然会稍微下降。
如果你想增加更多的现实主义，在抬起的腿再次到达地面后立即使身体稍微下降然后再回来。这将使它看起来像重量转移到那些腿上。

来源

2012-04-27 22:38:12

谢谢特里。几个月前我已经尝试过这些选项。添加更多动画的问题在于它变得更加饥饿。这是我的意图，使它与动画背景，但这只是吸了记忆。希望如果有人知道我如何使用更少的内存，我可以实现这一点。 – frontendzzzguy 2012-04-28 08:36:17

呵呵，技术限制可以成为网上逼真动画的杀手。保持它！ – 2012-04-29 06:20:06

精简CSS3动画@keyframes

回答

相关问题