CSS Filters

Filters apply visual effects similar to Photoshop.

filter: blur(5px) contrast(150%) grayscale(0.5) hue-rotate(45deg);

Filters work on images, videos, and any element with rendered content.

---

Example: Hover‑blur card

.card img { transition:filter .3s ease; }
.card:hover img { filter:blur(2px) brightness(0.9); }