Atténuer une le contraste et la luminosité d'une image [Résolu]

[agenceaupair]

Bonjour,

Imaginons que j'ai une image que je mets en background sur un div ou sur mon body. Cette image a des couleurs trop importantes ce qui gène la lecture du texte dans le div ou le body. Est ce qu'il existerait une propriété css qui permettrait d'atténuer la luminosité et le contraste de cette image (comme le permettrait un logiciel comme gimp ou photoshop)?

[ornitho13]

Bonjour,

En CSS3, il existe une propriété de couleur qui permet de le faire: hsl pour teinte, saturation et luminosité (Hue, Saturation, Luminosity)
Exemple:

Code :

1
2
3
4
5
 
p.example{
    background-color:hsl(100, 100%, 50%);
    color:hsl(250, 100%, 50%);
}

si tu ne peux pas le faire en css3, tu peux utiliser opacity pour rendre + ou - opaque un élément.

[agenceaupair]

Nickel! Merci beaucoup pour l'info!