CSS3 is opening up a lot of possibilities for designers and developers. Things that used to require images, JavaScript or Flash can now be done with the power of CSS. Unfortunately, in most cases these developments are more useful for experimentation and learning at this point since they are not supported by all of the major browsers. However, if you’re interested in learning more about the capabilities of CSS3 it can be a valuable use of your time to see what is being done.
In this post we’ll feature 25 experimentations and demos from various designers/developers using CSS3. Some have more practical real-world uses than others, but all of them demonstrate what can be done with CSS3 and some creativity.
Look Ma, No Flash!

Old School Clock with CSS3 and jQuery

A Colorful Clock with CSS & jQuery

AT-AT Walker

Pure CSS Social Media Icons

Pure CSS3 Page Flip Effect

Recreating the OS X Dock

Use CSS3 to Create a Dynamic Stack of Index Cards

Experiment: Realistic iPod with CSS3

CSS3 Loading Spinners without Images

CSS Posters

CSS3 Background-Clip & @Font-Face

CSS3 Button Maker

Create a Vibrant Digital Poster Design with CSS3

Multi 3D Cubes with Animation Using CSS

Sliding Vinyl with CSS3

Animations Using CSS Transforms

Easily Turn Your Images into Polaroids with CSS3

jQuery DJ Hero – CSS3 and jQuery Fun

CSS3 Animations Demonstrated with Snow

How to Create Depth and Nice 3D Ribbons Only Using CSS3

Apple’s Navigation Bar Using Only CSS

Pure CSS Coke Can

Our Solar System in CSS3

Rotating Image Gallery Using CSS Transform and Transition

In this post we’ll feature 25 experimentations and demos from various designers/developers using CSS3. Some have more practical real-world uses than others, but all of them demonstrate what can be done with CSS3 and some creativity.
Look Ma, No Flash!
Old School Clock with CSS3 and jQuery
A Colorful Clock with CSS & jQuery
AT-AT Walker
Pure CSS Social Media Icons
Pure CSS3 Page Flip Effect
Recreating the OS X Dock
Use CSS3 to Create a Dynamic Stack of Index Cards
Experiment: Realistic iPod with CSS3
CSS3 Loading Spinners without Images
CSS Posters
CSS3 Background-Clip & @Font-Face
CSS3 Button Maker
Create a Vibrant Digital Poster Design with CSS3
Multi 3D Cubes with Animation Using CSS
Sliding Vinyl with CSS3
Animations Using CSS Transforms
Easily Turn Your Images into Polaroids with CSS3
jQuery DJ Hero – CSS3 and jQuery Fun
CSS3 Animations Demonstrated with Snow
How to Create Depth and Nice 3D Ribbons Only Using CSS3
Apple’s Navigation Bar Using Only CSS
Pure CSS Coke Can
Our Solar System in CSS3
Rotating Image Gallery Using CSS Transform and Transition
No comments:
Post a Comment