过渡(transition)跟动画(animation)的区别及动画基本属性

当只有两个状态变化就可以用过渡 但如果是多个状态变化就需要动画

并且动画可以控制中间过程

构成动画的最小单位:帧或动画帧

alt

动画属性

animation: 动画名称 动画时长 速度曲线 延迟时间 重复次数 动画方向 执行完毕时状态;

注意:
动画名称和动画时长必须赋值
取值不分先后顺序
如果有两个时间值,第一个标识动画时长,第二个时间表示延迟时间


速度曲线:
linear:匀速运动
steps(3):动画分三步变化
延迟时间:
让动画等一会再执行
重复次数:
动画播几次
infinite:无限循环
动画方向:
alternate:反向走
执行完毕时状态:
backwards:默认值 执行完毕回复原样 forwards:固定到最终状态

alt

全部评论

相关推荐

点赞 收藏 评论
分享
牛客网
牛客企业服务