热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

CSS3两个动画顺序衔接播放

CSS3两个动画顺序衔接播放问题描述:第一个动画先播放,播放完成后,第二个动画紧接着播放。解决办法:1.将第二个的延迟时间(animation-delay)设置成第一个的持续时间(animati

CSS3两个动画顺序衔接播放

问题描述:

第一个动画先播放,播放完成后,第二个动画紧接着播放。

解决办法:

1. 将第二个的延迟时间(animation-delay) 设置成第一个的持续时间( animation-duration );

2. 多个动画应用时用逗号分隔开;

此时,CSS3的动画代码就要分开写了,不能再简写了,诸如animation:rotate-back 10000ms linear infinite这样的简写就是不行的,因为在同一代码中要加入两个动画,代码如下:

alt="" class="s_star">
body>
html>

推荐阅读
author-avatar
-独享你的温情
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有