transition:动画过渡 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <style>
        body{
            text-align: -webkit-center;
        }
        #dv{
            width: 300px;
            height: 300px;
            background-color: coral;
            transition: width 3s,height 3s;/*transition:过渡* 3s:时间三秒/
        }
        #dv:hover{
            width: 700px;
            height: 100px;
        }
    </style>
    <body>
        <div id="dv"></div>
    </body>
</html>

 

posted @ 2021-08-18 22:07  多肉丸子  阅读(20)  评论(0)    收藏  举报