CSS transition属性

CSS transition是添加的效果，用于在不使用Flash或JavaScript的情况下将元素从一种样式逐渐更改为另一种样式。

您应该指定两件事来创建CSS transition

• 要在其上添加效果的CSS属性。
• 效果的持续时间。

让我们来看一个示例，该示例定义对width属性和3秒持续时间的transition效果。

注意：如果未指定持续时间部分，则transition将不起作用，因为其默认值为0。当您将光标移到元素上时，transition效果将开始。
注意：IE9和更早版本不支持transition属性。

Move the cursor over the div element above, to see the transition effect.

注意：当您将鼠标光标移出该元素时，它将逐渐获得其原始样式。

CSS多重transition效果

它用于为多个CSS属性添加transition效果。如果要对多个属性添加transition效果，请用逗号分隔这些属性。

让我们举个例子。在此，transition对宽度，高度和变换产生影响。

JavaTpoint.com
 (Move your cursor on me to see the effect)