CSS3_过渡练习01

<style>
    #box{
        width: 300px;
        height: 300px;
        border: 1px solid red;
        margin: 0 auto;
        /*第一个值表示给哪个属性制造过渡,第二个实现1s*/
        transition: top 1s;
        position: relative;
        top: 0;
        left: 0;
    }
    #box:hover{
        top:  50px;
    }