CSS3过渡_html/css_WEB-ITnose

CSS 过渡（ transition ）用来控制 CSS 属性的变化速率。 可以让属性的变化过程持续一段时间，而不是立即生效。比如，将元素的颜色从白色改为黑色，通常这个改变是立即生效的，使用 transition 后，将按一个曲线速率变化。这个过程可以自定义。

CSS3 过渡和 CSS3 动画 具有类似的效果，但相对要简单不少。

过渡是作用在某个CSS属性上，而动画是作用在某个动画规则上，这点要注意。

还是先看一个完整的小例子，来体会过渡的魅力吧。

         div {        width: 100px;        height: 100px;        background: blue;        transition: width 2s;        -moz-transition: width 2s; /* Firefox */        -webkit-transition: width 2s; /* Safari and Chrome */        -o-transition: width 2s; /* Opera */    }    div:hover {        width:300px;    }   


      
查看更多关于CSS3过渡_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did113764