CSS mix-blend-mode and background-blend-mode support

Beside effects, I think the CSS properties mix-blend-mode and background-blend-mode (more info on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode and https://developer.mozilla.org/pt-BR/docs/Web/CSS/background-blend-mode) can add a lot of design possibilities.

A common use case of mix-blend-mode is to make a text legible on different backgrounds.

IE: Set a text color to black and make it automatically change to white when it's on top of a black background.

And for background-blend-mode it's nice to combine different images, gradients and solids to create artistic styles that go beyond the filter effects.

  • Gilson Nunes
  • Jun 6 2018
  • Reviewed
  • Tilius Sodeika commented
    28 Dec, 2020 09:45am

    The most funky css features! Come'on Webflow!!!

  • Enma Cabrera commented
    6 May, 2020 01:03am

    PLEASE do this! Or maybe add another "ebbed component" for custom CSS features?

  • Miek Thompson commented
    18 Mar, 2019 10:01pm

    I would love this for Designber + CMS blog with HERO Image + Display font combinations.

  • +81