CSS3，旋转rotate，动画animation

1.旋转rotate

-- 可以让元素在2维平面顺时针或者逆时针旋转
1.语法：
	 transform:rotate(度数)
2.重点：
	- 度数的单位是deg	举个例子：rotate(45deg)
	- 角度为正，顺时针，为负，逆时针
	- 默认旋转的中心点是元素的中心点

2.转换中心点transform-origin

-- 设置元素转换的中心点
1.语法：
	transform-origin:x y
2.重点：
	- 后面的参数x和y用空格隔开
	- x,y默认转换的中心点是元素的中心点(50%,50%)
	- 还可以给x,y设置像素或者方位名词(top,bottom,left,right,center)

3.缩放scale

-- 只要给元素添加了这个属性就能控制它放大还是缩小
1.语法：
	transform:scale(x,y)
2.注意：
	- x,y为逗号分隔
	- transform:scale(1,1):宽和高都放大一倍，相对于没有放大
	- transform:scale(2,2):宽和高都放大二倍
	- transform:scale(2):只写一个参数，相当于sacle(2,2)
	- transfrom:scale(0.5,0.5):缩小
	- scale缩放最大的优势：可以设置转换中心点缩放，默认以中心点缩放的，而且不影响其他盒子

4.2d转换综合写法

注意：
	- 同时使用多个转换，其格式为：transform：translate()r