G

P

We designed and developed 3 websites to present new CSS properties that were added to Webflow Designer — Blending mode and Backdrop filters.

Blending mode

The mix-blend-mode property specifies how an element's content should blend with its direct parent background.

Available mix-blend-mode property value options inside Webflow Designer. We used these options in our presentation.

Check the Blend experiment here.

Backdrop filters

The backdrop-filter CSS property can apply graphic effects such as blurring or color shifting to the area behind an element.

Have you seen that awesome iOS like frozen glass effect? That's one effect backdrop blur can accomplish.

Available backdrop-filter property value options inside Webflow Designer. We used these options in our presentation.

Check the Backdrop experiment here.

After

Before

Get the job done. Be proud of your project.