recentpopularlog in

abberdab : filters   4

Duotone filtering w/ CSS variables 😎🌈
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.

Enjoy!
css  color  colorpalettes  duotone  filters  interface  interactive  images  photography 
july 2018 by abberdab
The backdrop-filter CSS property | CSS-Tricks
I had never heard of the backdrop-filter property until yesterday, but after a couple of hours messing around with it I’m positive that it’s nothing more than magic. This is because it adds filters (like changing the hue, contrast or blur) of the background of an element without changing the text or other elements inside.

Take this example where I’ve replicated the iOS notification style: see how the background of each of these boxes are blurred but the text isn’t?
background-images  filters  css  blur 
may 2018 by abberdab

Copy this bookmark:





to read