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!

Don’t struggle alone with projects

Join the creative community of UX, graphic, web designers and developers to get help with any design or dev project.


You may also like...

Leave a Reply

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