<div>
  <img src="https://jafs.es/wp-content/uploads/2011/12/ic_launcher.png" />
  Original
</div>
<div>
  <img src="https://jafs.es/wp-content/uploads/2011/12/ic_launcher.png" class="shadow" />
  Sombra
</div>
<div>
  <img src="https://jafs.es/wp-content/uploads/2011/12/ic_launcher.png" class="contrast_bright" />
  Brillo y contraste
</div>
<div>
  <img src="https://jafs.es/wp-content/uploads/2011/12/ic_launcher.png" class="saturate" />
  Saturación
</div>
<div>
<img src="https://jafs.es/wp-content/uploads/2011/12/ic_launcher.png" class="hue" />
Matiz
</div>
.shadow {
  filter: drop-shadow(0px 0px 20px lightgreen);
}

.contrast_bright {
  filter: contrast(40%) brightness(120%);
}

.saturate {
  filter: saturate(10%);
}

.hue {
  filter: hue-rotate(180deg);
}






/* No influye */
img {
  width: 96px;
}

div {
  color: #F0F0F0;
  background: #155;
  padding: 4px;
  border-radius: 3px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

body {
  background: #222;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.