位置:首页 > 软件操作教程 > 编程开发 > CSS > 问题详情

CSS3 动画属性

提问人:刘团圆发布时间:2020-11-19

[email protected]

    如果想要创建动画,那么就必须使规则。创建动画是通过逐步改变从一个CSS样式设定到另一个。在动画过程中,可以多次更改CSS样式的设走。指定的变化发生时使用%,或关键字“from”和“to1’,这是和0%到100%相同的。0%是开头动画,100%是当动画完成。

    为了获得最佳的浏览器支持,应该始终定义为0%和100%的选择器。

2.animation

    所有动画属性的简写属性,除了animation-play-state属性外,它们的语法如下:

    animation: name duration timing-function delay iteration-count direction fll-mode play-state;

3.animation-name

    animation-name属性为@keyframes动画规定名称,语法如下:

    animation-name: keyframename|none;

    该属性有两个参数:

    • keyframename:规定需要绑定到选择器的keyframe的名称。

    • none:规定无动画效果(可用于覆盖来自级联的动画)。

4.animation-duration

    animation-duration属性定义动画完成一个周期需要多少时间,单位是秒或毫秒,语法如下:

    animation-duration: time:

5.animation-timing-function

    animation-timing-function属性指定动画将如何完成一个周期。速度曲线定义动画从一套CSS样式变为另一套CSS样式所用的时间,速度曲线用于使变化更为平滑,语法如下:

    animatiion-tiTning-function: value :

    animation-timingHlinction使用的数学函数称为三次贝塞尔曲线、速度曲线。使用此函数时,可以使用自己的值或预先定义的值之一。

    animation-timing-function属性的值可以是以下几种:

    •inear:动画从头到尾的速度是相同的。

    •ease:默认。动画以低速开始,然后加快,在结束前变慢。

    •ease-in:动画以低速开始。 o ease-out:动画以低速结束。 

    •ease-in-out:动画以低速开始和结束。

    •cubic-bezier(n,n,n,n):在cubic-bezie「函数中使用自己的值。可能的值是0~1的数值。

6.animation-delay

    animation-delay属性定义动画什么时候开始,其值的单位可以是秒(s)或毫秒(ms)。

7.animation-iteration-count

    animation-iteration-count属性定义动画应该播放多少次,默认值为1,属性的值可以使以下 两种:

    • n:一个数字,定义应该播放多少次动画。

    • infinite:指定动画应该播放无限次(永远)。

8.animation-direction

    animation-direction属性定义是否循环交替反向播放动画,默认是normal,语法如下:

    animation-direction: normal|reverse|alternate|alternate-reverse|initial|inherit:

    animation-direction属性的值可以使以下几种:

    © normal:默认值,动画按正常播放。

    © reverse:动画反向播放。

    © alternate:动画在奇数次(1、3、5……)正向播放,在偶数次(2、4、6……)反向播放。

    © alternate-reverse:动画在奇数次(1、3、5 )反向播放,在偶数次(2、4、6 )正向播放。

    © Initial:设置该属性为它的默认值。

    © Inherit:从父元素继承该属性。

9.animation-play-state

    animation-play-state属性指定动画是否正在运行或已暂停,默认是running,语法如下:

    animation-play-state: paused|running;

    animation-play-state属性的值可以是以下两种: 

    © paused:指定暂停动画。

    © running:指定正在运行的动画。

继续查找其他问题的答案?

发表评论(共0条评论)
请自觉遵守互联网相关政策法规,评论内容只代表网友观点,发表审核后显示!

2021年国家电网校园招聘考试直播课程通关班

  • 讲师:刘萍萍 / 谢楠
  • 课时:160h
  • 价格 4580

特色双名师解密新课程高频考点,送国家电网教材讲义,助力一次通关

配套通关班送国网在线题库一套

课程专业名称
讲师
课时
查看课程

2020年解放军文职招聘考试全程直播课

杜老师139课时试听目录

2021级国家电网招聘考试管理专业知识精讲班直播课

黎老师160小时试听目录

2021级国家电网招聘考试其它工学类专业题海练习班直播课

贺老师160小时试听目录

2021级国家电网招聘考试金融专业知识精讲班直播课

钟老师140小时试听目录

2021级国家电网招聘考试计算机专业知识精讲班直播课

杜老师160小时试听目录

2021级国家电网招聘考试通信专业知识精讲班直播课

李老师350小时试听目录

2021级国家电网招聘考试财会专业知识精讲班直播课

王老师120小时试听目录

2021级国家电网招聘考试研究生题海班直播课程

严老师180小时试听目录

2021级国家电网招聘考试研究生电气专业知识精讲班直播课

彭老师160小时试听目录

2021级国家电网招聘考试本科电气专业考前押题班录播课

蒋老师168h试听目录

2021级国家电网招聘考试本科电气专业题海训练班直播课

谷老师165小时试听目录

2021级国家电网招聘考试本科电气专业知识精讲班直播课

严老师160小时试听目录

2021级国家电网招聘考试专科电气专业考前押题班直播课

王老师150小时试听目录

2021级国家电网招聘考试专科电气专业知识题海训练直播课

杨老师146小时试听目录

2021级国家电网招聘考试专科电气专业知识精讲班直播课

崔老师180小时试听目录

2020年湖南中烟公司招聘考试技术工人二岗直播课

刘老师140小时试听目录

2020年湖南中烟公司招聘考试生成车间工人考试直播课

王老师125小时试听目录

2020年湖南中烟公司招聘考试技术工人一岗直播课

李老师140小时试听目录

2020年湖南中烟公司招聘直播课程(协议班)

崔莹莹168h试听目录

2020湖南农村信用社招聘笔试培训(协议保过班)

谢楠200h试听目录

2020军队文职招聘考试面试培训(协议保过班)

刘萍萍124h试听目录

2021国家电网招聘考试录播视频课程

  • 讲师:崔莹莹 / 刘萍萍
  • 课时:180h
  • 价格 3580

特色解密新课程高频考点,免费学习,助力一次通关

配套全套国网视频课程免费学习

课程专业名称
讲师
课时
查看课程

2021级国家电网招聘考试管理类专业知识精讲班录播课

王老师150小时试听目录

2021级国家电网招聘考试其它工学类专业题海练习班录播课

谷老师148小时试听目录

2021级国家电网招聘考试其它工学类专业知识精讲班录播课

夏老师150小时试听目录

2021级国家电网招聘考试其它专业题海练习班录播课

刘老师125小时试听目录

2021级国家招聘考试其它专业题海练习班录播课

李老师140小时试听目录

2021级国家电网招聘考试其它专业知识精讲班录播课

贾老师120小时试听目录

2021级国家电网招聘考试金融专业知识精讲班录播课

王老师140小时试听目录

2021级国家电网招聘考试通信专业知识精讲班录播课

黄老师188小时试听目录

2021级国家电网招聘考试计算机专业知识精讲班录播课

谷老师120小时试听目录

2021级国家电网招聘考试财会专业考前押题班录播课

夏老师15小时试听目录

2021级国家电网招聘考试财会专业题海练习班录播课

杨老师180小时试听目录

2021级国家电网招聘考试财会专业知识精讲班录播课

蒋老师156小时试听目录

2021级国家电网招聘考试研究生电气考前押题班录播课

谷老师12小时试听目录

2021级国家电网招聘考试研究生电气专业题海练习班录播课

李老师170小时试听目录

2021级国家电网招聘考试研究生电气专业知识精讲班录播课

崔老师150试听目录

2021级国家电网招聘考试本科电气专业考前押题班录播课

王老师120小时试听目录

2021级国家电网招聘考试本科电气题海练习班录播课

王老师158小时试听目录

2021级国家电网招聘考试本科电气专业知识精讲班录播课

谷老师170小时试听目录

2021级国家电网招聘考试专科电气专业考前押题班录播课

蒋老师12小时试听目录

2021级国家电网招聘考试专科电气专业题海练习班录播课

崔老师150小时试听目录

2021级国家电网招聘考试专科电气专业知识精讲班录播课

王老师180小时试听目录

在线题库
在线报名
  • 报考专业:
    *(必填)
  • 姓名:
    *(必填)
  • 手机号码:
    *(必填)
返回顶部