本文共 1611 字，大约阅读时间需要 5 分钟。
CSS 过渡效果通过 transition 属性实现，无需依赖 Flash 或 JavaScript。语法格式如下：
transition: property duration timing-function delay; 其中：
property：指定要添加过渡效果的 CSS 属性duration：过渡效果持续时间（单位：秒或毫秒）timing-function：定义过渡效果的时间曲线delay：过渡效果开始的延迟时间以下是各参数的具体说明：
过渡效果的时间函数主要包括以下几种：
以下是一个典型的过渡效果应用示例：
div { width: 200px; height: 200px; background-color: red; transition: background-color 2s; position: absolute; left: 0; top: 0; } 可以同时设置多个属性的过渡效果：
transition: background-color 2s, left 1s 1s; 可以通过逗号分隔指定多个 CSS 属性的过渡效果：
transition: left 1s, color 2s; 可以通过 steps 属性将过渡效果分解为多个步骤：
transition: left 1s steps(4); 由于 CSS 过渡效果在不同浏览器的支持情况不一，建议在正式应用中添加浏览器前缀：
-moz-transition: all 5s ease 1s; -webkit-transition: all 1s ease 1s; -o-transition: all 1s ease 1s; transition: all 1s ease 1s; 以下是一个实现手风琴效果的示例代码：
转载地址：http://cxri.baihongyu.com/