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 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.

Css 3.0 Maker

Css 3.0 Maker

Animate.css

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

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

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

CSS3 Generator

Animatable

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!

animatable

Animatable –
One property, two values, endless possiblities

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s