如何按百分比 CSS 动态更改颜色？

在本文中，我们将学习如何按百分比动态更改 CSS 颜色。

方法：我们可以使用 CSS 中的filter属性按百分比动态更改任何元素的颜色。 filter属性的brightness()函数用于按百分比动态改变颜色。亮度函数采用百分比值来设置该颜色的亮度。

句法：

filter: brightness(value);

示例：在下面的示例中，我们将元素的背景颜色设置为白色。但是当我们将鼠标悬停在段落上时，它的背景颜色会改变 50%，因为我们设置了一个过滤器，将段落的背景颜色改变了 50%。

HTML

    
    


    
GeeksforGeeks
  

输出：