VANCOUVER WEBFLOW WEB DESIGN

Creativity

+

Innovation

Webflow Daily Challenge 9

Note: On Webflow, the text interaction has an infinity way. It's great. I used opacity on the text, but the blend mode, CSS, maybe more impressive. I still don't know many values. I need to learn the background-blend-mode as well. → Next

mix-blend-mode: multiply;

mix-blend-mode: darken;

mix-blend-mode: lighten;

mix-blend-mode: overlay;

mix-blend-mode: difference;

mix-blend-mode: exclusion;

mix-blend-mode: hue;

mix-blend-mode: saturation;

mix-blend-mode: luminosity;

Reference: mix-blend-mode

Reference: background-blend-mode

background-blend-mode: normal;

background-blend-mode: multiply;

background-blend-mode: screen;

background-blend-mode: overlay;

background-blend-mode: darken;

background-blend-mode: lighten;

background-blend-mode: color-dodge;

background-blend-mode: color-burn;

background-blend-mode: hard-light;

background-blend-mode: soft-light;

background-blend-mode: difference;

background-blend-mode: exclusion;

background-blend-mode: hue;

background-blend-mode: saturation;

background-blend-mode: color;

background-blend-mode: luminosity;