CSS3 Watch

Collecting examples of creative, innovative, and unexpected use of CSS3. CSS3 Watch is curated by Zander Martineau

[css3watch]

Path menu in pure CSS3

[css3watch]

This is just amazing! Andy Clarke (@malarkey)  and Anthony Calzadilla created the Mad Man opening credits using CSS3 animations.

[css3watch]

DYNAMIC PURE CSS 3D TEXT

http://cubiq.org/dropbox/text3d.html

[css3watch]

[css3watch]

The Work of Jake Dow-Smith

[css3watch]

Text line fade out without images

[css3watch]

CSS3 Clouds by Montana Flynn

[css3watch]

Pure CSS Share Buttons by @joshuanhibbert

[css3watch]

[css3watch]

[css3watch]

Building a pure CSS 3D City

Tutorial | Demo

[simurai]

[css3watch]

simurai:

The Cursor Monster is a little CSS3/JS toy that you can play around with. Using cursor:none can be fun, but also super confusing if you abuse it. So be careful. Update: Apparently Chrome will disable it in a future release, so enjoy while you can. 

Feed the monster.

[css3watch]

  320 and up - A ‘tiny screen first’ boilerplate extension*

'320 and up' prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point. Try this page at different window sizes and on different devices to see it in action.

[css3watch]

A great tool for generating css3

[css3watch]

A slideshow created with CSS3 3D transforms (webkit only) and transitions. Try giving it a go on mobile Safari, it performs surprisingly well!

http://hakim.se/experiments/css3-3d-slideshow

[css3watch]

Hi,

I created new Google Chrome Logo using simple use of CSS3. The link is here. http://dl.dropbox.com/u/8498648/chrome-logo.html.

New smooth Chrome logo is being seen in some of the dev channels and here is chrome post about their new logo on 21st March. http://chrome.blogspot.com/2011/03/fresh-take-on-icon.html

On Friday (25th March) night, I gave it a shot and created the cool new Chrome logo with just the use of CSS3. I hope you may like it :)

Regards,

Rajendra 

[decodering]

You hate writing vendor prefixes for all browsers? Just let CSSPrefixer do it for you!