第一篇、CSS3_transtion的使用

时间：2025-03-28 13:35:13
<html>

    <head>

        <title>这是一个CSS3的特性</title>

        <style>

            #box{

                width: 150px;

                height: 150px;

                background-color:red;

                <--控制形变--

                transition: width 0.5s height 0.5s;

                <--为了适配苹果的浏览器--

                -webkit-transition: width 0.5s height 0.5s;

            }

            #box:hover{

                width: 300px;

                height: 300px;

            }

        </style>

    </head>

    <body>

    <div id="box"> hello word!</div>

    </body>

</html>

相关文章