用CSS实现动画

标题用CSS实现动画

过渡动画（transition）
这个例子较为直接的介绍了过渡（transition）形成的动画，所谓过渡动画，就是元素由一种央视逐渐转变为另一种样式的效果，
在第一个动画中就是hover前后两种样式
在第二个动画中就是从样式“tran1”过渡到“tran1 tran2”

注：
1、transition与transform不要搞混，transition是实现过渡动画的关键，transform是css转换属性（在本质上和css其他属性一样，可以当作transition-property的属性值）
2、要实现过渡动画有两个必须点：
（1）指定要添加过渡效果的css属性（或者all）
（2）指定过度效果持续时间
3、使用transition过渡动画的情况：个人感觉鼠标出发时大多使用过渡动画