day09

A我今天学了什么

1animation 动画

1.定义动画@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;  //无限循环
}

B我掌握了什么

1

1.定义动画@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;  //无限循环
}

c我没掌握什么

都掌握了