第一篇、CSS3_transtion的使用

<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>

posted on 2016-09-01 10:49 久冬不雨阅读(724) 评论(0) 编辑收藏举报