6 Common SVG Fails (and How to Fix Them)

6 Common SVG Fails (and How to Fix Them)

Someone recently asked me how I approach debugging inline SVGs. Because it is part of the DOM, we can inspect any inline SVG in any browser DevTools. And because of that, we have the ability to scope things out and … 6 Common SVG Fails (and How to Fix Them) originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Animated Background Stripes That Transition on Hover

Animated Background Stripes That Transition on Hover

How often to do you reach for the CSS background-size property? If you’re like me β€” and probably lots of other front-end folks β€” then it’s usually when you background-size: cover an image to fill the space of an entire … Animated Background Stripes That Transition on Hover originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Making Static Noise From a Weird CSS Gradient Bug

Making Static Noise From a Weird CSS Gradient Bug

What I will be doing here is kind of an experiment to explore tricks that leverage a bug with the way CSS gradients handle sub-pixel rendering to create a static noise effect β€” like you might see on a TV with no signal. Making Static Noise From a Weird CSS Gradient Bug originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...