day09

1.我今天学了什么

1.动画animation

 1.定义@keyframes

方法一:@akeyframes myfirst
{
 from{background:red;}
 to{background:yellow;}
}
从...到...

方法二:@keyframes myfirst
{
 0%{background: red;}
25%{background:yellow;}
50%{background:blue;}
100%{background:green;}
}
0%到25%到50%到100%

div{
animation:myfirst 2s
}
动画时间两秒

div{
animation:myfirst 2s infinite;//无限循环
}
动画时间两秒,无限循环

2我掌握了什么

1.动画animation

 1.定义@keyframes

方法一:@akeyframes myfirst
{
 from{background:red;}
 to{background:yellow;}
}
从...到...

方法二:@keyframes myfirst
{
 0%{background: red;}
25%{background:yellow;}
50%{background:blue;}
100%{background:green;}
}
0%到25%到50%到100%

div{
animation:myfirst 2s
}
动画时间两秒

div{
animation:myfirst 2s infinite;//无限循环
}
动画时间两秒,无限循环

3.我没掌握的