Great CSS3 Resources, Tricks, and Tools

Posted: December 7th, 2010 | Author: admin | Filed under: Uncategorized | 1 Comment »

1. Introduction to CSS3

http://designshack.co.uk/articles/introduction-to-css3-part-1-what-is-it
This is a great introduction on same basic new additions that CSS3 add to the style sheets.

2. Gradient Generator

http://gradients.glrzad.com/
You can pick the colors and customize the gradient and this site will generate the css for you.

3. Gradient Buttons Tutorial

http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/
This tutorial is quite detail explaining the versatility and implementation of these buttons.

4. Box-shadow

http://www.css3.info/preview/box-shadow/

This is a great tool and style element that can be a very subtle and nice touch to websites.

5. Text-shadow

http://www.css3.info/preview/text-shadow/

This one can be really badly done, but also another excellent subtle touch as well!

6. Opacity and Transparency

http://css.flepstudio.org/en/css3/opacity-transparency.html

Very cool.

7. Minimalistic Navigation

http://tutorialzine.com/2010/06/css3-minimalistic-navigation-menu/

Great resource for a lot of freebies here.

8. Beautiful CSS3 Search Form

http://www.webdesignerwall.com/tutorials/beautiful-css3-search-form/
This is a great example of what can be done with the new CSS3 additions on a small level.

---