css 过渡

记录一下过渡，改变css样式

<style>
    div {
        height: 200px;
        width: 200px;
        background-color: red;
        margin: 300px auto;

        transition: width 2s, background-color 3s;
        -webkit-transition: width 2s, background-color 3s;
    }

    div:hover {
        width: 300px;
        background-color: green;
    }
</style>

<body>
    <div></div>
</body>

　　

附一个连接：https://www.runoob.com/css3/css3-transitions.html

posted @ 2020-12-11 10:52  野鹤亦闲云  阅读(96)  评论(0)    收藏  举报