HTML5 - 基本关键帧二对象

标签 html css

如何用两个对象创建动画。第一个对象有动画后,第二个对象有动画。

例子: 关键帧 (1s) : 对象 1 大小 2px

关键帧(1s):对象 2 大小 2px

关键帧(3 秒):对象 1 大小 5px

关键帧(5 秒):对象 2 大小 5px

图像:http://postimg.org/image/yyoqmbro9/

最佳答案

您可以将第二个对象的animation-delay 属性设置为6s。这将使第二个动画在 6 秒后开始

关于HTML5 - 基本关键帧二对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31265760/

相关文章:

php - 使用 mysql fetch_object 从多个表中选择数据

javascript - jQuery/Ajax - 成功消息后重定向到另一个页面

html - 为什么 "position: relative"只在 Chrome 中有效?

css - 具有不同原点的转换后的 div 之间的区别

javascript - 使用 javascript/jquery 从未计算的 css 样式中获取值

javascript - CSS 样式表在 FireFox 中不起作用

html - 使用 Angular 工作的 HTML 输入中的 Font Awesome 图标

javascript - 在 html 中用 1 个按钮隐藏/显示多个对象

jquery - 使用 jQuery 移动元素 - 淡出然后淡入?

html - Chrome : z-index of 9999 still shows behind dynamic JS