
You start out with four sliders and a box. From there you can adjust the box’s border radius (meaning how rounded the corners are), its shadow, its opacity, and an overlaid gradient (if you’d like one). These styles are newer and sometimes a bit more complex, as they’re implemented a little differently between browsers. By using the generator you can make adjustments and see what they look like, then examine the code and learn from it. It’s a fun way to pick up these useful CSS3 techniques quickly.
CSS3 Generator [via MakeUseOf]




















Jess
Tuesday, May 10, 2011 at 5:31 PMhttp://css3please.com/ gives a much nicer code result, with everything broken up into separate classes. It’s also more cross-browser friendly than what css3 generator creates (eg; IE10 support!).