微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

简化CSS3动画@keyframes

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

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

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

提前致谢.

解决方法

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

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

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

原文地址:https://www.jb51.cc/css/215885.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。