CSS3的过渡

【前言】

　　过渡（transition）可以在不适用Flash和JS的情况下，当元素从一种样式变成另一种样式时添加效果

　　【浏览器支持】

　　IE10、Firefox、Chrome、Opera支持transition属性

　　Safari需要前缀-webkit-

　　IE9及之前版本不支持transition

【用法】

　　1.指定过渡绑定的元素CSS属性

　　2.规定效果的时长

div
{
transition: width 2s;
-moz-transition: width 2s;    /* Firefox 4 */
-webkit-transition: width 2s;    /* Safari 和 Chrome */
-o-transition: width 2s;    /* Opera */
}

　　如果时长未规定，默认为0，就没有过渡效果

　　如果要想多个样式添加过渡效果，添加多个属性，中间用逗号隔开

【过渡属性】

　　1.transition-property　　-　　规定应用过渡的CSS属性名称

　　2.transition-duration　　-　　规定过渡花费的时间，默认是0

　　3.transition-timing-function　　-　　规定过渡效果的时间曲线，默认是“ease”

　　4.transition-delay　　-　　规定过渡效果在多久后开始