Comment mettre une image en noir et blanc en HTML et CSS ?

Réponses rédigées par Antoine
Dernière mise à jour : 2020-09-30 18:47:59
Thèmes : webmaster - image - png - css
Question

Comment puis-je mettre une image, au format PNG, en noir et blanc, avec du HTML et CSS ?

Réponse

Pour mettre une image en noir et blanc en HTML et CSS , vous pouvez utiliser la propriété filter avec la valeur grayscale :

<!DOCTYPE html>  
<html>  
<head>  
<title>Comment mettre une image HTML en noir et blanc</title>  
<style>  
img {  
filter: grayscale(10);  
}  
</style>  
</head>  
<body>
<img src="https://www.collaborativejob.com/logo.png">  
</body>  
</html>

Vous trouverez d'avantage d'informations sur la propriété filter via cette page du site de Mozilla.