You might have noticed in my previous post about dark mode that there was a css rule to flip an SVG image from dark to light.
Inverting SVG Images With CSS Filter
See the Pen
Inverting images in CSS by Joe Steinbring (@steinbring)
on CodePen.
There are a few other things that you can do, though. The same filter function can do blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, sepia and saturate. Let’s take a look at one other example.
Blurring SVG Images With CSS Filter
See the Pen
Blurring images in CSS by Joe Steinbring (@steinbring)
on CodePen.
So, there are a few options available for you, out there. Have a questions? Feel free to drop a comment, below.