CSS 3.0 Maker
www.css3maker.com is a great website where you can find great CSS3 tools to help you with the styling of your website. There are many cool effects you can use – transitions, box shadows, transformations, gradients, border radius etc. You can preview the effects in the preview area and see if particular effects are compatible with browsers and mobile devices You also have the code generated for you and you can download it.
Animate.css is a collection of cross-browser animations which can be easily implemented in your projects. There are great solutions for sliders, home pages, cool effects for emphasis the content & buttons including fading in/out, bouncing, rotating etc. The project is free for use and download from github.
CSS3-Only Responsive Layout
This is a great example of CSS3 responsive layout (tutorial) from tympanus.net. The layout is fully responsive with a great bottom horizontal menu.
This one is a great CSS3 generator. You can edit the border-radius, box-shadow, background gradient and the opacity and you can easily get the code. The code is fully compatible with older browsers and there is IE support.
Animatable is a great CSS3 animations library done by Lea Verou. There are many effects you can choose from – background-position, font-size, letter-spacing, opacity, colour, border-with etc. It is worth visiting!
- 10+ useful tools to simplify CSS3 development (css.dzone.com)
- 27 Fresh CSS3 Tutorials (smashinghub.com)
- 12 Extremely Useful And Powerful Free CSS Tools (smashingapps.com)
- How to Build a Better Button in CSS3 (sitepoint.com)
- Simple HTML5 CSS3 Keyframe Animation (designscripting.com)
- Cutting Edge CSS3 Typography Techniques (onextrapixel.com)
- Reflections on Web Design Trends in 2013 (designmodo.com)
- CSS3 Mega Menu with Search Box (itzurkarthi.com)