face
  • lemon
  • 2020-04-08 06:09:50

  • CSS3动画效果的使用
    <!doctype html>
    <html>
    <head>
    </head>
    <body>
    <div class="anime"></div>
    <style type="text/css">
    .anime{
    width: 50px;
    height: 50px;
    background: red;
    animation: anime 2s; /*选着要使用的动画anime 动画市场2秒*/
    }
    @keyframes anime{ /* 将动画分成两段 */
    0%{width: 50px} /* 第一段先从50px到100px */
    50%{width: 100px}/* 第二段从100px到50px */
    100%{width: 50px}
    }
    </style>
    </body>
    </html>


  • 评论

    你还没有登录,请登录后刷新页面

    face