CSS3 过渡、动画

CSS3 过渡、动画

• 变换
  transform: rotate(30deg); 元素顺时针旋转给定的角度;
  transform: scale(0.5, 2.0);宽度转换为原始尺寸的 2 倍，把高度转换为原始高度的 4 倍
  transform: skew(-30deg);倾斜转换，沿Y轴逆时针转30度
  transform: translate(30px, 0);沿X轴移动30像素
• 过渡
  
  过渡对象宽度、字体尺寸，在两秒后生效
• 动画
  @keyframes
  自定义样式
  例如：