发表于： 2018-11-01 21:55:23
1 756
今天完成的事情：
学习了CSS3动画：
1、transform变形：
移动方法translate（x，y）；
伸缩方法scale（x，y）；
旋转rotate（）；默认以Z轴旋转，rotateX（）；rotateY（）；
倾斜skew（x，y）；
2、transition过渡动画
语法transition：property duration time-function delay；
property定义哪个属性用于过渡动画，默认all
duration定义时长，默认0s
time-function指定函数变化的曲线速率，有ease，linear，step-end，step（time，end）
delay定义动画延迟执行的时长
3、animation关键帧动画
先定义动画@keyframes name ｛
时间点（元素状态）；
时间点（元素状态）；
｝
再在元素中应用动画animation：name
4、重新对任务五修改，麻烦师兄看看能不能过
明天计划的事情：
学习任务七
遇到的问题：
暂无
收获：
了解了CSS3动画
返回列表
评论