CSS3 Generator - A Great Way to Quickly Get CSS3 Code
November 19, 2010
If you are, like me, experimenting more with Cascading Style Sheets version 3 (a.k.a. "CSS3"), you may find this site very helpful - CSS3 Generator:
From the drop-down menu you choose one of the CSS3 elements for which you would like the code. Enter in some values ... see the preview change... and watch the CSS3 code be created:
Now, I found a few quirks with the site. In Google Chrome the preview didn't always work while in Firefox it did. The Shadow Color field on this particular "Box Shadow" element also never actually put the color into the code (It would be the final value for each of the "box-shadow" lines.)
Regardless of those quirks, it's a neat tool to help you see how you can use CSS3 to introduce new design elements for browsers that support CSS3. Check it out!
If you found this post interesting or useful, please consider either subscribing to the RSS feed or following me on Twitter or subscribing to my email newsletter.
If you found this post interesting or useful, please consider either:
- following me on Mastodon;
- following me on Twitter;
- following me on SoundCloud;
- subscribing to my email newsletter; or
- subscribing to the RSS feed.