#blend-mode CSS effects

5 free, pure-CSS effects match the "blend-mode" tag. Each is copy-ready and needs no library or build step.

A warm film light leak drifts across the panel each time a different tab is opened.

Two translucent letters overlap in screen blend and drift apart when hovered.

A warm film light leak keeps sweeping over the panel in screen blend while the knob glows.

Two risograph ink layers start out of register and snap together on the chosen tab.

Blurred colour washes drift and blend into one another above three dated art movements.

Popular tags