CSS-filter används för att lägga till visuella effekter på enskilda webbelement och kan kombineras för komplexa resultat. Artikeln beskriver olika filtervärden som blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, sepia och saturate, med exempel på deras användning. drop-shadow och opacity kan erbjuda hårdvaruacceleration och förbättrad prestanda jämfört med alternativa CSS-egenskaper. Det är möjligt att använda egna SVG-filter för anpassade effekter, men det finns rekommendationer för hur man bäst länkar dem för att undvika kompatibilitetsproblem. CSS-filter har hög webbläsarkompatibilitet (96% globalt), med SVG-filter som har ännu bredare stöd, inklusive äldre versioner av Internet Explorer.