本文主要介绍了CSS3的过渡性质，需要的朋友可以参考一下。





转换是将属性从指定时间的一个属性值平滑到另一个属性值，以实现动画效果。
这个属性一般是搭配：悬停来制作。

这里有一个例子：鼠标放在DIV与DIV元素的背景颜色变黄后一秒0.2s，和线性变化


复制代码代码如下所示：
div {背景颜色：红色；转型：背景颜色1s线性0.2s；}
背景颜色：黄色；}
朱博士


在老鼠被举起之前：



的变化过程，鼠标放在0.2s后：



最后对老鼠的影响：



在这里看到这个属性的使用，应该有一个底部的心。

对于这个属性，每个参数都有一个相应的属性名，也就是说属性可以被分解。

非缩略形式：


复制代码代码如下所示：
/ * div {背景颜色：红色；转型：背景颜色1s线性0.2s } * /；
div {背景颜色：红色；过渡性质：背景颜色；过渡时间：1秒；过渡时间函数：线性；过渡延迟：0.2s }
背景颜色：黄色；}


转换也可以传递多重效果。


复制代码代码如下所示：
div {背景颜色：红色；颜色：黑色；身高：50px；转型：背景颜色1s线性，颜色1s线性，高度支；}
DIV：悬停{背景颜色：黄色；颜色：# F00；身高：100px；}