菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端基础-范建荣-20230425 [打印本页]

作者: °荣 时间: 2023-4-26 00:00
标题: 前端基础-范建荣-20230425
一、学习内容
CSS的动画：动画序列
1、从0%开始到100%结束，这样的规则我们叫做动画序列
2、在@keyframes 中规定动画的CSS样式，可以创建任意多的样式（@keyframes 是关键帧的意思）
3、可以使用0~100% 也可以使用from和to来规定动画的开始和结束

动画常用属性
- @keyframes 定义动画
- animation 复合属性，所有的动画属性都可以写在该属性中除了 animation-play-state属性
- animation-name 规定动画的名称
- animation-duration 规定动画的持续时间
- animation-timing-function 规定动画的运动曲线默认是ease
- animation-delay 规定动画何时开始
- animation-iteration-count 规定动画的播放次数，默认是1 如果无限循环使用infinite
- animation-direction 规定动画在下一周期是否逆向播放默认是normal 如果要逆向播放，使用alternate
- animation-play-state 规定动画是否正在运行，运行时running，暂停是paused
- animation-fill-mode 规定动画结束后的状态，保持结束后的状态是forwards 如果是回到初始状态使用backwards

二、遇到的问题
三、解决方案

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)