Exemple de code de la fonction CSS grayscale().
<style>
.grayscale0{
-webkit-filter : grayscale(0%);
filter : grayscale(0%);
}
.grayscale100{
-webkit-filter : grayscale(100%);
filter : grayscale(100%);
}
.grayscale50{
-webkit-filter : grayscale(50%);
filter : grayscale(50%);
}
.img{ margin:10px; }
</style>
<div style="width:150px; height:150px" class="img"><img src="/img/exemple/filter-image.jpg"></div>
<img src="/img/exemple/filter-image.jpg" style="width:150px; height:150px" class="img grayscale100">
<img src="/img/exemple/filter-image.jpg" style="width:150px; height:150px" class="img grayscale50">
<img src="/img/exemple/filter-image.jpg" style="width:150px; height:150px" class="img grayscale0">
Interprétation du code de la fonction grayscale() CSS par votre navigateur.
Interprétation normale du code de la fonction CSS grayscale() (copie d'écran).