CSS Filter Generator
Bouw CSS filtereffecten visueel op met vervaging, helderheid, contrast en meer. Live preview met presets.
Voorbeeld
Voor / na vergelijking
Presets
CSS Uitvoer
Filters
0px
100%
100%
0%
0deg
0%
100%
100%
0%
Ctrl+Enter uitvoerenCtrl+Shift+C kopiëren
Meer informatie
CSS-filters: visuele effecten voor afbeeldingen en elementen
Maak vervagings-, helderheids-, contrast- en Instagram-achtige foto-effecten met de CSS filter-eigenschap.
CSS Filter-eigenschap uitgelegd
De CSS filter-eigenschap past grafische effecten toe zoals vervaging, helderheid, contrast en kleurverschuivingen op elk HTML-element. Het werkt op afbeeldingen, achtergronden, tekst en zelfs hele paginasecties. Filters worden verwerkt door de GPU van de browser, waardoor ze efficiënt zijn voor visuele effecten in real-time.
5 min lezenLees de volledige gids