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 属性是一个简写属性,用于设置四个过渡属性:css

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

transition-duration: (始终设置,不然时长为0,就不会有过分的效果)spa

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

transition-delay: (定义过分效果什么时候开始)blog

  语法以下:it

  transition: property duration timing-function delay;io

相关文章
相关标签/搜索