怎样控制animate.css的动画时间

怎样控制animate.css的动画时间,第1张

打开 animate.css 第一行

.animated {

animation-duration: 1s

animation-fill-mode: both

}

animation-duration 即是动画时间

首先,我们打开软件,随意新建一个文档,默认的界面中是没有时间轴界面的。我们需要在菜单栏的窗口界面中找到时间轴。点击时间轴。通过点击图示按钮,即可设置帧速率,帧速率越大,说明一秒内出现的图像越多,动画播放的就越连贯。而帧速率越小,则动画播放的就相对不流畅。

拖动滑竿到2秒处,然后用移动工具移动蓝圆位置,我们发现2秒处出现另一个关键帧。也就是说,当我们移动滑竿后,对所在图层进行了不同的 *** 作,我们的 *** 作结果就会被作为关键帧记录下来。

Animate CC 由原Adobe Flash Professional CC 更名得来,2015年12月2日:Adobe 宣布Flash Professional更名为Animate CC,在支持Flash SWF文件的基础上,加入了对HTML5的支持。 并在2016年1月份发布新版本的时候,正式更名为"Adobe Animate CC",缩写为An。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/11352603.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存