day09

作者: 鄂xj | 来源:发表于2017-11-08 16:14 被阅读0次

    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.我没掌握的

    相关文章

      网友评论

          本文标题:day09

          本文链接:https://www.haomeiwen.com/subject/xmlymxtx.html