简化CSS3动画@keyframes

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

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

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

提前致谢.

解决方法

干得好.你已经开始关注CSS3对动画的潜力了.

我不能回答你问的问题,但我正在训练成为一名动画师,所以我可以提出一些建议来帮助你改进你的动画:

>一次抬起两条腿:同时向前和向后左,然后同时向前和向后.他们必须是对立的腿以保持平衡.>未抬起的腿应留在地上,但在场景中向后移动以模拟身体相对于其位置向前移动的事实.>由于地面上的腿向后滑动,身体自然会略微下降.>如果你想增加更多的真实感,那么在抬起的双腿再次到达地面之后,身体会立即进一步下降然后再回来.这将使重量看起来像是那些腿.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效