一、相关知识点
1、动画的基本使用
制作动画分为两步:
(1) 先定义动画
(2)再使用(调用)动画
(1)用keyframes 定义动画(类似定义类选择器)
@keyframes 动画名称 {
0%{
width:100px;
}
100%{
width:200px;
}
}
(2)元素使用动画
2、动画常用属性
3、动画简写属性
4、速度曲线细节
样例代码:
一、相关知识点
1、动画的基本使用
制作动画分为两步:
(1) 先定义动画
(2)再使用(调用)动画
(1)用keyframes 定义动画(类似定义类选择器)
@keyframes 动画名称 {
0%{
width:100px;
}
100%{
width:200px;
}
}
(2)元素使用动画
2、动画常用属性
3、动画简写属性
4、速度曲线细节
样例代码: