code前端网CSS3利用transition属性实现动画过渡效果
transition属性的目的是让一些CSS属性（比如背景）出现平滑的过渡效果。它是一个嵌套属性，由以下四个属性组成：
- transition-property：设置要应用过渡的 CSS 属性，例如背景。
- 过渡持续时间：设置过渡效果使用的时间。默认为0。
- 转场计时功能：设置转场效果的时间曲线。默认值为“亮度”。
- transition-delay：指定过渡效果何时开始。默认值为 0。
示例：
1 2 3 4 |
1 2 3 4 定义过渡 选择属性时，过渡属性和过渡持续时间是必需的，另外两个是可选的。 transition 属性和过渡持续时间 css3 动画 transition 属性用于指定应用过渡效果的 CSS 属性。这些属性包括（可能不完整）： transition-duration属性用于设置指定属性的过渡效果，需要时间。可以是秒 (s) 或毫秒 (ms)。 transition-delay 和转场计时功能 Transition-delay 用于设置转场效果开始的时间。默认值为 0，可以是 CSS3 鼠标经过后的秒 (s) 或毫秒 (ms)。如果transition-delay为负值，则意味着转型效应提前开始。 转场计时功能用于设置转场效果。这些效果包括： 示例： 1 2 3 4 多个属性 ，每个效果都有单独的mas属性。 按钮{
|
兼容性
Internet Explorer 10、Firefox、Opera 和 Chrome 支持过渡属性。
Safari 支持备用 -webkit-transition 属性。
Internet Explorer 9 及更早版本的浏览器不支持转换属性。
触发器
请注意，过渡效果需要之前已定义的属性。过渡效果通过触发应用，例如：hover、:focus 和:active 等。
版权声明
本文仅代表作者观点，不代表Code前端网立场。
本文系作者Code前端网发表，如需转载，请注明页面地址。
