HTML5学习第三天---20150126

最近已在在纠结着新的新的项目客服系统，花了些时间却又没有什么太大的进展。不管怎么忙总该抽出时间来学习新的内容的。

之前看别人的网站总是有一些莫名其妙的标签，也怪自己没有好好看CSS3，今天才了解很多新的特性是需要做浏览器适配的。这里不做更多说明，虽然都记在本子里。但是每个模块都要记得在这里进行一个总结。

现在就对CSS3中动画做一个总结，可能比较粗浅，但是应该还算好懂，另外依葫芦画瓢，写了两个实例。

CSS制作动画的三大属性：变形(transform)、转换(transition)和动画(animation)。

首先是变形transform。从字面意思上来说，就是变形、改变的意思。
在css3中，其主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。
用法，也就是语法： transform: rotate | scale | skew | translate |matrix;
而且这几种变换样式是可以叠加的，用空格隔开。

然后是CSS3动画属性中的另一个属性Transition。
transition允许css的属性值在一定的时间区间内平滑地过渡。
这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。
transition主要包含四个属性值：执行变换的属性名称：trabsition-property,
变换延续的时间：transition-duration,
变换的速率变化：transition-timing-function,
变换的开始时间，实际就是延迟时间：transition-delay。