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;//无限循环
}
动画时间两秒,无限循环
网友评论