顺风 CSS 倾斜

此类在顺风 CSS 中接受很多价值，其中所有属性都以类的形式涵盖。倾斜用于在2D 平面中变换元素。倾斜元素意味着选择一个点并在不同的方向上推动或拉动它。在 CSS 中，我们可以通过使用 CSS skew 属性来做到这一点。

倾斜类：

• skew-x-{amount}：该类指定x轴对应的倾斜角度。
• -skew-x-{amount}：该类指定反向x轴对应的倾斜角度。
• skew-y-{amount}：该类指定y轴对应的倾斜角度。
• -skew-y-{amount}：该类指定对应于反向y轴的倾斜角度。

注意 1：首先使用transform实用程序启用变换来倾斜元素，然后使用skew-x-{amount}和skew-y-{amount}实用程序指定倾斜角度。

注2： 金额完全取决于您的选择，您可以将其设置为百分比，或者直接输入rem值。

句法：

...

示例 1：对应于正 x 轴和 y 轴的倾斜角。

输出：

示例 2：对应于反向x 轴和y 轴的倾斜角度。

HTML

    

  

    

    GeeksforGeeks
    
    Tailwind CSS Skew Class
    

    

    
    

    
    

    
    

    
    

输出：