# CSS3 过渡

过渡 (transition) 是 CSS3 中具有颠覆性的特征之一，我们可以在不使用 flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式是为元素添加效果

过渡动画：是从一个状态 渐渐的过渡到另一个状态

可以让我们页面更好看，更具有动感，虽然低版本浏览器不支持 (IE9 以下版本) 但是不会影响页面布局

== 经常和 :hover 一起搭配使用

语法 :

1

transition: 要过渡的属性 花费时间 运动曲线 何时开始;

1. 属性：想要变化的 CSS 属性，宽度高度 背景颜色 内外边距都可以。如果想要所有的属性都变化过渡，写一个 all 就可以
2. 花费时间：单位是秒 (必须写单位) 比如 0.5s
3. 运动曲线：默认是 ease (可以省略)
4. 何时开始：单位是秒 (必须写单位) 可以设置延迟触发时间 默认是 0s (可以省略)