Animated stamp

This is a great little freebie put together by MadeByThomas and Mikos. Beautifully designed and expertly coded, a few possible uses for this is an add to cart option, or photo holder? Check out the coded preview for a live demo of the animation when you click the delete/add item.

umbrUI – CSS3 UI Elements

There was a request, so I tried. The outcome: No JavaScript, no images and just minimal markup – but a ton of messy CSS3. And only Safari will render it properly. Chrome is close, but the 3D perspective doesn’t work. iOS has some issues with the icons and Firefox, Opera and IE.. well, I haven’t tried yet. No Safari? You can see a screenshot of the range slider, checkbox and radio button

Gravatar Tucked Corners

This is a truly beautiful experiment that re-creates the tucked-corners effect on the gravatar homepage. The css has been proven to work in Mozilla, Chrome, IE8+ and Safari. Should come in handy on a photographic site?

Pure CSS GUI icons

An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints. This is not a “production ready” CSS icon set.

CSS3 Creative text shadows

ime for a bit of fun with CSS!
The following examples are all created using live text and the CSS text-shadow property. Apart from the Letterpress effect, all of the following examples make use of multiple shadows, and as such will only work on the following browsers.

• Firefox 3.1+ (Mac/Win/Lin)
• Safari 4+ (Mac/Win)
• Chrome (Mac/Win)
• Opera 9.5+ (Mac/Win/Lin)

CSS3 Circular loading effect

This is a beatifull, simple and effective loading image (well, no images actually) created entirely out of CSS. Check out the coded preview, it’s animated!

Zen Player

It’s a single-song HTML5 Audio Player, powered by jPlayer, styled and mostly animated with CSS3. About the name? Hmmm.. In the stopped/paused state, doesn’t it remind you a little of a dark Zen stone lying on bright sand?

HTML5/CSS3 Coming Soon Splash Page

Pre-launch signup forms are ten-a-penny (or dime-a-dozen) but this doesn’t mean they cannot perform, in fact, quite the opposite. The design focuses on the single-most important feature, the signup field – add more to your splash pages at your peril Pop in your logo, add some persuasive copy, and you’re good to go.