CSS3 & HTML5 Experiments That Will Blow Your Mind – 47 Examples

While I was checking out various CSS3 and HTML5 experiments I also looked at the first ones that appeared for these new web technologies and they weren’t at all impressive, at the moment. Back then, though, they were insanely awesome. They were something that we have never seen before. Now there are just common things that almost everyone can do.

I hope that in the near future, the experiments that are in this article, or most of them, will be something that anyone can think of and do on a daily basis for their clients.

At the moment, unfortunately, some of these remain at the state of being called experiments, mostly because they aren’t supported by all the browsers. For that reason, I’m suggesting that you see these in Safari or Chrome. Some work in Firefox too, but not all of them.

CSS3D Clouds

CSS3D Clouds

Madmanimation

Madmanimation

cubic-bezier

cubic-bezier

Clock

Clock

Windows7 Start Menus

Windows7 Start Menus

CSS3 animations

CSS3 animations

CSS3 Animation: Why not Zoidberg?

CSS3 Animation: Why not Zoidberg

Tilt shift text

Tilt shift text

3D City

3D City

Every second one hour of video is uploaded to Youtube

Every second one hour of video is uploaded to Youtube

CSS3 patterns

CSS3 patterns

Wave

Wave

Morphing cubes

Morphing cubes

Experimental CSS3 Animations

Experimental CSS3 Animations

CSS Zoetrope

CSS Zoetrope

Homer

Homer

Animatable

Animatable

DOM Tree

DOM Tree

Animated Web Banners With CSS3

Animated Web Banners With CSS3

Typography Rain

Typography Rain

Animated icons

Animated icons

vlog.it

vlog.it

Fractals

Fractals

Creative CSS3 Animation Menus

Creative CSS3 Animation Menus

Sudoku solver

Sudoku solver

Cursor Monster

Cursor Monster

Particle system

Particle system

zeitgeistbot.com

zeitgeistbot.com

Flashlight

flashlight

Drip Sessions

Drip Sessions

Kinect, Css3 & Animatable.com

Kinect, Css3 & Animatable.com

lolwut

lolwut

3d animation using pure CSS3

3d animation using pure CSS3

Walking

Walking

Linjer

Linjer

Solar system

Solar system

Pure CSS3 Classic Train

Pure CSS3 Classic Train

CSS3 scroll effects

CSS3 scroll effects

404 page

404 page

HTML5 INTERACTIVE INFOGRAPHIC

HTML5 INTERACTIVE INFOGRAPHIC

CSS3 graph

CSS3 graph

Particles

 Particles

The Cloth Simulation

The Cloth Simulation

Pure CSS Twitter Fail Whale

Pure CSS Twitter Fail Whale

3D CSS cube

3D CSS cube

Page flip

Page flip

CSS3 Zoom

CSS3 Zoom

 
 
 
 
 

Sponsors