1 transform

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜
例如：旋转 div 元素：

1
2
3
4
5
6
7
8
div
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); 	/* IE 9 */
-moz-transform:rotate(7deg); 	/* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); 	/* Opera */
}
2 transition

transition 属性是一个简写属性，用于设置四个过渡属性：
· transition-property：规定设置过渡效果的 CSS 属性的名称。
· transition-duration：规定完成过渡效果需要多少秒或毫秒。
· transition-timing-function：规定速度效果的速度曲线。
· transition-delay：规定速度效果的速度曲线。