今天学了什么

动画animation

     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;}
}

      div{
 animation:myfirst 2s;
}
div{
 animation:myfirst 2s infinite;  //无限循环
}

学会了什么

动画animation

     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;}
}

      div{
 animation:myfirst 2s;
}
div{
 animation:myfirst 2s infinite;  //无限循环
}