CSS3 Watch

Collecting examples of creative, innovative, and unexpected use of CSS3.

CSS3 Watch is curated by Zander Martineau
The Work of Jake Dow-Smith

The Work of Jake Dow-Smith

Text line fade out without images

Text line fade out without images

Pure CSS Share Buttons by @joshuanhibbert

Pure CSS Share Buttons by @joshuanhibbert

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.

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.

 
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.

 

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.

A great tool for generating css3

A great tool for generating css3