There is no doubt that web design innovations come from people messing around, and some of these things show some of the awesome things you can do with CSS and Javascript today. In this post i have collected 17 very impressive CSS experiments from across the web that will make you say “wow” !
Color Extraction Effect
A little slideshow with a color palette creation effect using CSS Filters and Vibrant.js.
CSS True Titles
Useful CSS experiment with masking & clipping.
Flipside
A button that seamlessly transitions from action to confirmation.
Netflix Logo In CSS
The netflix logo animation in pure CSS.
Simpsons in CSS
Chris Pattle created some characters from The Simpsons in pure CSS. See his inspiring CSS creations and the code that makes them work.
Clippy
Clippy is a tool for generating values for shape functions for the new and cool CSS clip-path property.
A single DIV
A CSS drawing experiment to see what’s possible with a single div.
Motion Blur Experiment
Experiment with motion blur applied to a modal window, using SVG filters.
Silon
Silon is an experiment in the true power of CSS selectors. Most people would not expect CSS selectors to be capable of expressing arbitrary boolean logic.
CSS space shooter
An old-school arcade-style 3D shoot-em-up rendered entirely with CSS 3D transforms.
Blackout
Blackout is a cinematic experience done purely in CSS that explores the phenomenon caused by extinction of lights.