移动Web——平面转换-多重转换

1、平面转换-多重转换

多重转换技巧:先平移再旋转



  
    
    
    
    多重转换
    
  

  
    

 2、平面转换-缩放

属性

技巧:

  • 通常,只为scale()设置一个值,表示X轴和Y轴等比例缩放
  • 取值大于1表示放大,取值小于1表示缩小


  
    
    
    
    缩放效果
    
  

  
    

3、案例 播放特效



  
    
    
    
    按钮缩放
    
  
  
    
  • 【和平精英】“初火”音乐概念片:四圣觉醒......

4、 平面转换-倾斜

取值:

  • 角度度数deg

移动Web——平面转换-多重转换_第1张图片



  
    
    
    
    倾斜效果
    
  
  
    

你可能感兴趣的:(HTML5+css3,css,前端)