CSS3过渡 tansition属性以及总结

过渡 （transition）

一、为什么用过渡？

• 1、   CSS3中，为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。
• 2、   CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。

• 3、   CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。 要实现这一点，必须规定两项内容：

  • （1）指定要添加效果的CSS属性

  • （2）指定效果的持续时间。

二、过渡有哪些属性： 

属性	描述
transition	简写属性，用于在一个属性中设置四个过渡属性。
transition-property	规定应用过渡的 CSS 属性的名称。
transition-duration	定义过渡效果花费的时间。默认是 0。
transition-timing-function	规定过渡效果的时间曲线。默认是 "ease"
transition-delay	规定过渡效果何时开始。默认是 0。

1.transition

          过