CSS | función contraste()

La función contrast() es una función incorporada que se utiliza para aplicar un filtro para establecer el contraste de la imagen. Esta función ajusta el contraste de la imagen.

Sintaxis:

contrast( amount )

Parámetros: esta función acepta una cantidad de parámetro único que contiene la cantidad de contraste. El valor del contraste se establece en términos de valor y porcentaje. El valor 0% representa una imagen completamente gris y 100% representa la imagen original.

El siguiente ejemplo ilustra la función contrast() en CSS:

Ejemplo:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>CSS contrast() Function</title> 
      
    <style>
        h1 {
            color:green;
        }
        body {
            text-align:center;
        }
        .contrast_effect {
            filter: contrast(10%);
        }
    </style>
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
      
    <h2>CSS contrast() function</h2>
      
    <img class="contrast_effect" src= 
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"
        alt="GeeksforGeeks logo"> 
</body> 
  
</html>    

Producción:

Navegadores compatibles: los navegadores compatibles con la función contrast() se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Safari
  • Ópera

Publicación traducida automáticamente

Artículo escrito por jit_t y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *