css3 的transition属性

div{
        width:100px;
        height: 200px;
        transition: width 2s;
        -moz-transition: width 2s; /* Firefox 4 */
        -webkit-transition: width 2s; /* Safari 和 Chrome */
        -o-transition: width 2s; /* Opera */
        background: #000;
    }

transition 属性是一个简写属性，用于设置四个过渡属性：

transition-property : (设置过渡效果的css属性名称)

transition-duration: (始终设置，否则时长为0，就不会有过度的效果)

transition-timing-function:(速度曲线)

transition-delay: (定义过度效果何时开始)

　　语法如下：

　　transition: property duration timing-function delay;