<!DOCTYPE html>
<html>
<head>
<title>Prueba de Filtro GreyScale</title>
</head>
<body>
<img class="estado1" src="https://www.canopart.me/wp-content/uploads/2019/12/Me_So.jpg">
<img class="estado2" src="https://www.canopart.me/wp-content/uploads/2019/12/Me_So.jpg">
<img class="estado3" src="https://www.canopart.me/wp-content/uploads/2019/12/Me_So.jpg">
</body>
</html>
img {
width: 250px; height:250px;
}
.estado1 {
filter: contrast(20%);
}
.estado2 {
filter: contrast(0.5)
}
.estado3 {
filter: contrast(200%);
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.