Well, if you didn’t know about CSS so far, you can find some great info here. Now, CSS3 is relatively new and has some great features to show off. Most of them were introduced to reduce the amount of time you would need to code to reach the same result (e.g. border-radius, shadows on text, etc).
Now, you can write the CSS3 code yourself, but I thought that a list of free CSS3 generators might come in hand to anyone new or familiar with CSS coding.
List of free CSS3 generators
CSS3 generator provides some neat tools to create almost any new feature that was introduced in CSS3. I’m talking about border-radius, shadows gradients and more. CSS3 generator is free for use and does the job right. You can see the result in realtime and also shows what browsers support that feature.
On CSS3PLEASE you can edit the underlined values in the CSS file, and you don’t have to worry about mistakes because all it’s done automatically for you. You can copy the source of the page to use it in your website.
This website will help you to generate CSS3 code that will work in IE browsers also. They provide a documentation to make you understand the full concept of CSS3 Pie.
LAYER STYLE CSS3
This website a PhotoShop like interface where you can create CSS3 features with just a few clicks. You have options like Drop Shadows, Inner Shadows, Background, Border or Border-Radius.
This website has a great interface that help you create CSS3 features. You have a lot of options to choose from and it shows you browser support and also mobile support. You also have a option to download your code snippet or just copy/paste it.
This website provides a nice interface for creating border-radius, box-shadows, gradient backgrounds or add effects like opacity. You have a preview box to see the results.