face
  • lemon
  • 2020-04-08 04:37:50

  • CSS3过渡效果的使用
    <!doctype html>
    <html>
    <head>
    </head>
    <body>
    <div class="transition"></div>
    <style type="text/css">
    .transition{
    width: 50px;
    height: 50px;
    background: red; /* 规定哪些属性参与过渡效果(必须要指定时间,默认0秒) */ transition: width 2s,transform 2s,background 2s;
    } /* 这些指定的属性就会慢慢的从上一个效果到下一个效果 */ .transition:hover{
    width: 100px;
    background: blue;
    transform: rotate(30deg);
    }
    </style>
    </body>
    </html>


  • 评论

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

    face