Before we get started, let’s get one thing straight:
I ♥ CSS3.
I understand that we’ve never had it so good. In fact, I have no doubt that time-travellers visiting from 2004 would be sick with jealousy at how easily we now conjure up rounded corners, shadows, and object rotations.
Sure, the browser-specific prefixes (i.e. –moz, –webkit –o, etc) are an irritation, but happily the rest of the notation is sensible, consistent and reliably supported across modern browsers.
That is, with one notable exception…
CSS3 gradients: Yes, they’re actually kinda crappy.
This is a real game changer for a lot of us front end developers out there. If you’ve been coding CSS3 gradients, it’s time to get more familiar with SVG. Better support and more flexibility—it’s really a no-brainer. Let’s get on it!