transform transition animation

animation：搭配@keyframes；

-webkit-animation：motion 5s infinite；

             animation：motion 5s infinite；

@keyframes motion{

from {left：0px；}

to {left：20px；}

}

transition：书写格式类似于animation，但其动画触发需要某个动作影响，例如css的hover，或者是js改变css样式；

transition：all 5s linnear；

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