CSS3中的过渡

概念：

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

浏览器支持：

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

Chrome25之前的版本和Safari浏览器需要加前缀 -webkit-。

Firefox之前加前缀 -moz-。

Opera之前加 -o-。

过渡属性：

transition: 应用属性的名称 过渡效果的时间 过渡时间曲线 过渡效果延迟时间;

应用属性的名称：添加多个属性名用逗号隔开，全部可以用all表示。

过渡效果的时间：果时长未规定，则不会有过渡效果，因为默认值是 0。

过渡时间曲线：默认是 "ease"，也设置成"linear"。

过渡效果延迟时间：规定过渡效果从何时开始，默认值为0。

实例：

原文地址：https://www.cnblogs.com/wybw/p/10556111.html