• Home
  • About
  • Contact
  • Advertise

Devlounge

Design, Develop, and Grow

  • Home
  • Code
  • Design
  • Design Focus
  • Interviews
  • Publishing
  • Strategy
  • Webapps
  • Extras

10 Wonderful CSS3 Creations

July 29, 2010 By Hyde

We have already shown what CSS3 with HTML5 can do for your website. But beside websites CSS3 with jQuery can do a whole lot more. You can make animations with it that could only be done with Flash before and create designs only possible with Photoshop.

Once FireFox and Internet Explorer have finally catch up with WebKit developers and designers will finally have more options to serve data and graphics. Here there are 10 exceptional animations and graphics done with CSS3 mainly and some with jQuery added. All of them are best viewed in Chrome and Safari, only the Star Wars animation is Safari 5 only.

My favorite one is the Dribble infographic, which really shows how CSS3 can best be used for data display supported with CSS3 graphics. Of course the use of image files is not totally ruled out but the largest parts are code based.

While this is all great in showing the power of CSS3 I can imagine it takes a lot of hours to create something like this, while just using Photoshop is a lot faster. But take advantage of these pioneers who take hours to create great things from CSS3 and learn from their code. It will only help us all to improve and create better websites.

Opera Logo

css3

Creating a logo from CSS3 only makes scaling possible, plus point for usability.

Dribble Infographic

css3

Infographics are popular, like them or not they are the best way to show data without boring your readers.

Space

css3

Add a few planets and it will make a great educational website.

Pure CSS Coke Can

css3

Loads much faster then a Flash animation.

Pure CSS 3D Meninas

css3

jQuery DJ Hero

css3

A Colorful Clock with CSS & jQuery

css3

Star Wars a New Beginning

css3

Matrix

css3

AT-AT Walker

css3

Filed Under: Code, Design Tagged With: css3, html5, jquery

Code & Tutorials

Which Front-End Development Languages Will Grow in 2017?

Your Guide to Leveraging APIs as a Developer

Bitcoin Processing Website Integration For Web Developers

Website Security For 2016 That All Developers Need To Know

5 Reasons You Need to Be Using jQuery

About Devlounge

Want to read more about Devlounge, or maybe you want to contact us, or even advertise? Oh, and don't forget to subscribe to updates!

The Best of Devlounge

Randa Clay On Breaking Barriers

Search