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

标题: 20221024-巨朝阳-CSS3动画 [打印本页]

作者: 云云 时间: 2022-10-25 01:40
标题: 20221024-巨朝阳-CSS3动画
一、今天学习内容
CSS3过渡：transition：要过渡的属性  花费的时间  运动曲线  何时开始;
CSS3的2D转换：属性：transform 属性值：translate （2D位移）rotate （2D旋转)scale （2D缩放）
属性：transform-origin  设置中心点：语法：transform-origin:x,y;
CSS3动画制作：
动画序列：1、0%是动画的开始，100%是动画的结束，这样的规则叫做动画序列
2、在 @keyframes  中来规定css的样式，keyframes叫做关键帧
3、可以用百分比来规定变化发生的时间，或者用关键字from 和 to来规定，等同于0%~100%
4、animation-timing-function属性
5、steps()：步长，就是分几步来完成动画，如果有了steps(),就不需要写 ease或者linear等运动曲线值

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