Duotone Filtering With Css Variables

See the Pen Duotone Filtering With Css Variables by jh3y (@jh3y) on CodePen.

Duotone Filtering With Css Variables

Description: Was playing with mix-blend-mode to create different duotone filters. Then I thought it might be cool to have a handy selector wheel to try out different filters. So here it is! A duotone filtering tester using CSS variables. The inner ring is the lightening color whilst the outer is the darkening color. To change the colors, adjust the colors variable in the pug code.

Browsers: Chrome Edge Firefox Opera Safari

Made with: HTML (Pug) CSS (Stylus) JS (Babel)

Responsive:No

Posted: 11.07.2018

Similar Examples