CSS3 is an essential tool of my web development workflow, but I often determine a lot of syntax specifics outside of my page in progress. Usually I jump to a hodgepodge of different sites where I adjust sliders and check things out visually, ending with a quick copy and paste job back into my development code.

The annoyance is that contextual back and forth. Why can’t I just rely on one tool, vs. multiple web sites to nail down my CSS3 data? That’s what makes CSSMatic so awesome. Just one source with basically all the CSS3 resources I’d ever need: gradients, border radius, noise and box shadow.