CSS | skew()函数

skew()函数是一个内置函数，用于在 2D 平面中变换元素。倾斜元素意味着选择一个点并向不同的方向推动或拉动它。

句法：

skew( ax )

或者

skew( ax, ay )

参数：

• ax：此参数保存表示水平轴以扭曲元素的角度。
• ay：此参数保存表示垂直轴以扭曲元素的角度。如果未定义，则采用默认值零。这意味着在 x 方向完全倾斜。

下面的例子说明了 CSS 中的 skew()函数：

示例 1：

 
 
  
 
     
  
     
 
  
 
    
GeeksforGeeks
    
CSS skew() function
      
     
 
  
    

输出：

示例 2：

 
 
  
 
     
  
     
 
  
 
    
GeeksforGeeks
    
CSS skew() function
      
    
Welcome to GeeksforGeeks
 
 
  
    

输出：

支持的浏览器： skew()函数支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果浏览器
• 歌剧