css filter examples

25 Creative CSS Filter Examples

Are you looking for some creative CSS filter examples?

Then check this collection.

You may also like

CSS Filter Cards

Dev: Steve Meredith

Purple Haze – CSS Chrome smoke effect

Dev: Jamie Coulter

Gooey text background with SVG filters

Dev: Ines Montani


Dev: Kseso

Water filter

Dev: Yusuke Nakaya

FeTurbulence, feColorMatrix, feDisplacementMap

Dev: yoksel

Buoyant Responsive Logo

Dev: Dudley Storey

Gooey button hover effect with SVG filters & CSS

Dev: Ines Montani

Social Icon Hover Effect

Dev: Mike Young

Duotone calendar

Dev: yumeeeei

Spotify Colorizer Effects Using CSS Blend Modes

Dev: Vail Joy

Animated SVG Turbulence Filter

Dev: Sean Free

Simple parallax header with blur

Dev: tsimenis

Transitioned CSS Filter Card Fan

Dev: Dudley Storey

Blurred video effect w/ CSS filter

Dev: Jhey

Organic Onboarding

Dev: @keyframers

Concept img loader using clip-path + filter

Dev: Jhey

Motion blur effect using SVG filters

Dev: Damián Muti

Frosted glass card overlay

Dev: Trevor Eyre

Simple CSS Image Filters

Dev: Vail Joy

Animated SVG Filter FX

Dev: Mai El-Awini

Rollover CSSS Blur Filter Image Gallery

Dev: sjmcpherson

CSS-Filter (blur) on image-caption

Dev: Bram de Haan

Ripped images

Dev: Dharvesh

SVG blob mask

Dev: Dimitra Vasilopoulou