RT Ana Tudor 🐯🖤🌻
#tinyCSStip Want to get a progressive grayscale()/ saturate() filter effect, from 0% to normal?
Blend with a gradient from *anything with saturation 0%* to transparent using the color blend mode!
https://codepen.io/thebabydino/pen/rNQbEEg
May also have a grayscale split https://twitter.com/anatudor/status/1351781587889889283
<div class="rsshub-quote">
Ana Tudor 🐯🖤🌻: #tinyCSStip Would you like to apply `filter: grayscale(1)`, but only partly, not everywhere? You can emulate that with blend modes.
background: url(cat) 50%/ cover,
linear-gradient(-45deg, transparent 50%, grey 0);
background-blend-mode: luminosity
Many variations possible.
</div>
https://twitter.com/anatudor/status/1688955652519997444