CSS3, please!

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 see the effects in the preview area and check if particular effects are compatible with browsers and mobile devices. The code is automatically generated and you can download it.

Css 3.0 Maker


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.

Animate CSS

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.

CSS Only Responsive Layout with smooth Transitions

CSS3 generator

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.

CSS3 Generator


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!

Related post:  Metrize Icons - Free Collection of 300 Metro-Style Icons


Divi WordPress Theme

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.