Code Snippets

Add SVG with mix-blend-mode to build beautiful, dynamically colored UI or navigation

Modern CSS provides an incredible opportunity to create innovative, engaging user interfaces and experiences, but many well-supported properties are still rarely used to their full artistic and technical potential.

One of the most useful but still underutilized properties today is mix-blend-mode. This property allows elements to be blended together by dictating how blending should appear between stacked HTML elements by blending elements from layers above with those behind them.

Continue Reading