CSS3属性 2D转换

* { margin: 0; padding: 0 }
table { border-spacing: 0; border-collapse: collapse; margin: 10px auto }
td, tr, th { border: 1px solid rgba(0, 0, 0, 1); padding: 10px 20px; text-align: center }
h1 { text-align: center }
sup { font-size: 16px }

^CSS32D 转换（transform）:

方法	实例	名字	备注
translate()	transform: translate(5px,10px);	平移	从当前元素位置向左(X轴)移动5px,顶部(Y轴)移动10px
rotate()	transform: rotate(30deg);	旋转	（当前元素）顺时针旋转30度
scale()	transform: scale(2,3);	缩放	元素宽为原来的2倍，高为原来的三倍
skew()	transform: skew(X,Y);	倾斜	两个值分别表示X轴和Y轴倾斜的角度，if 第二个参数为空=>默认为0，参数为负=>向相反方向倾斜