CSS3 过渡

CSS3 过渡

通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。

应用于宽度属性的过渡效果，时长为 2 秒：

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

注释：如果时长未规定，则不会有过渡效果，因为默认值是 0。
效果开始于指定的 CSS 属性改变值时。CSS 属性改变的典型时间是鼠标指针位于元素上时：

向宽度、高度和转换添加过渡效果：

div{transition: width 2s, height 2s, transform 2s;-moz-transition: width 2s, height 2s, -moz-transform 2s;-webkit-transition: width 2s, height 2s, -webkit-transform 2s;-o-transition: width 2s, height 2s,-o-transform 2s;}