Tailwind CSS 背景色相旋转

背景色调旋转类是一个内置函数，用于对图像应用滤镜以设置图像的色调旋转。 Tailwind CSS 2.1 版本新增亮度功能。

背景色相旋转：

• -backdrop-hue-rotate-180：此类用于将元素上的 hue-rotate 等效设置为 CSS hue-rotate(-180)。
• -backdrop-hue-rotate-90：此类用于将元素上的 hue-rotate 等效设置为 CSS hue-rotate(-90)。
• -backdrop-hue-rotate-60：此类用于将元素上的 hue-rotate 等效设置为 CSS hue-rotate(-60)。
• -backdrop-hue-rotate-30：此类用于将元素上的 hue-rotate 等效设置为 CSS hue-rotate(-30)。
• -backdrop-hue-rotate-15：此类用于将元素上的 hue-rotate 等效设置为 CSS hue-rotate(-15)。
• background-hue-rotate-0：此类用于将元素上的 hue-rotate 等效设置为 CSS hue-rotate(0)。
• background-hue-rotate-15：此类用于将元素上的 hue-rotate 等效设置为 CSS hue-rotate(15)。
• background-hue-rotate-30：此类用于将元素上的 hue-rotate 等效设置为 CSS hue-rotate(30)。
• background-hue-rotate-60：此类用于将元素上的 hue-rotate 等效设置为 CSS hue-rotate(60)。
• background-hue-rotate-90：此类用于将元素上的 hue-rotate 等效设置为 CSS hue-rotate(90)。
• background-hue-rotate-180：此类用于将元素上的 hue-rotate 等效设置为 CSS hue-rotate(180)。

句法：

/* ..... */

例子：

HTML

    

    

  

  

      GeeksforGeeks
  
  
  Tailwind CSS Backderop Hue Rotate Class
  
  

    

      
    
    

        

        
        
        

        
        
        

        
      
  

  

输出：