How Will it Blend?

codepen.io / filed under CSS Blend Modes, HTML & CSS

The CSS property mix-blend-mode controls how an element blends into elements behind it. All 16 blend modes are show below, and apply to the left circle, which overlaps with the right circle and the background.

Subscribe to newsletter

Design and frontend links delivered to your inbox every day and week. No spam, unsubscribe at anytime.

Choose frequency

Permission