解决方法
很简单.以下代码将关键帧的转换限制为40%-60%(整个持续时间的五分之一).因此,如果我们为整个动画提供6秒,则1.2s将用于移动,4.8s将用于延迟.您可以使用它来获得更准确的数字.
@-webkit-keyframes rotation { 0%,40% {-webkit-transform: rotate(0deg);} 60%,100% {-webkit-transform: rotate(90deg);} } @keyframes rotation { 0%,40% { transform: rotate(0deg); } 60%,100% { transform: rotate(90deg); } } .wrapper a:last-child div { -webkit-animation: rotation 6s infinite linear; animation: rotation 6s infinite linear; }
原文地址:https://www.jb51.cc/css/214855.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。