day09

A今天学了什么

1.animation 动画

@keyframes  定义动画

a.
@keyframes myfirst{
from{background:red;}
to{background:yellow;}
}

b.
@keyframes myfirst{
0%{background:red;}
25%{background:yellow;}
50%{background:blue;}
100%{background:green;}
}

2.使用动画animation

div {animation:myfirst 2s;}
div {animation:myfirst 2s infinite;}

infinite  无限循环

B我掌握好的地方

1.animation 动画

@keyframes  定义动画

a.
@keyframes myfirst{
from{background:red;}
to{background:yellow;}
}

b.
@keyframes myfirst{
0%{background:red;}
25%{background:yellow;}
50%{background:blue;}
100%{background:green;}
}

2.使用动画animation

div {animation:myfirst 2s;}
div {animation:myfirst 2s infinite;}

infinite  无限循环

C我掌握不好的地方

全部掌握了。