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