CSS动画之Tranistion_html/css

CSS3时代的到来，CSS3动画也随之诞生，良好的兼容性（请自动忽视IE9以下→_→）和性能，不使用任何插件，就可以让网页拥有平滑的过渡，丰富的交互，酷炫的动画。而且与HTML5相结合，还可以做出一些有趣的小游戏。

CSS3动画很强大，但简单来说，其实就是两个CSS3的属性，一个是transition,一个是animation。transition不如animation强大，但是做一些元素的过渡，还是非常有用的。

###Transition

语法：transition: property duration timing-function delay;transition 属性是一个简写属性，用于设置四个过渡属性：

##transition-property

例子：width有过渡效果:

```bash