transform

transform属性可以对元素的位置、形状进行改变，包括平移、旋转、缩放、翻转等等。

transform:translate(10px,10px) rotate(90deg) scale(1.5,1.5) skew(20deg,20deg) rotateX(120deg);
//分别表示了将元素平移，旋转、缩放和翻转，以及3D转换中的翻转（绕X轴）
transform-origin:50% 50%;
//规定旋转或缩放时，变形的基点位置。第一个值代表水平向，第二个值代表垂直向，（left|center|right|length|%）（top|center|bottom|length|%）

transition(css过渡)

transition: width 1s linear 2s;
//简写的transition属性，规定了要变换的属性，变化的时间，变化的速度曲线，以及变化的延迟。
//需要变换的属性可以是width，也可以是transform，也可以是all

我们可以在某元素的样式里面添加transition属性，规定要变化的属性以及其他参数，在该元素hover时规定变化后的样式。这样就可以实现鼠标经过元素的时候实现元素的过渡效果。

也可以通过js来实现更复杂的过渡控制。或者使用CSS3的animation和@keyframes来实现更复杂的动画效果