前端移动web

• 字体图标 iconfont
  
• 平面转换
  
  • 缩放
    
    • scale() 方法
      
      • 该元素增加或减少的大小，取决于宽度（X轴）和高度（Y轴）的参数：
        
  • 旋转
    
    • rotate() 方法
      
      • 在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。
        
  • 移动
    
    • translate() 方法
      
      • 只有一个值时候 默认是水平方向右
        
      • 有两个值 根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。
        
      • 移动的参照物 都是移动自身
        
• 渐变
  
  • background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
    
  • transparent 透明度
    
• 空间位移
  
  • translate3d(x,y,z) 3D转换
    
• 透视
  
  • perspective: 800-1200px ;
    
  • 给要透视的父级元素
    
• 旋转
  
  • transform: rotateX(); transform: rotateY(); transform: rotateZ();
    
• 立体呈现
  
  • transform-style: preserve-3d;
    
• 动画
  
  • 定义动画
    
    • @keyframes lalala {
      
    • from {}
      
    • to {}
      
    • }
      
  • 使用动画 animation: 动画名字 加 时间;