What is some of the coolest/best/worse abuses of CSS?
For example, these shapes, or using multiple box-shadows to make pixel art.
popularity-contest ending on 16/04/14.
Changing images on the fly
I won't necessarily call it abuse, but you can use CSS to replace an
Can be lots of fun combined with
Some dude created a tool to convert any image to pure CSS. This goes well beyond the original intent of CSS.
Here is an example (The famous Mona Lisa): http://codepen.io/jaysalvat/pen/HaqBf
And here is the tool : https://github.com/jaysalvat/image2css
You can add
Real-time CSS preview:
This is not an actual css thing, but you can add the
Styled CSS Checkboxes/radiobuttons:
Using the following piece of markup as example:
You can use
The order of the elements is important, and matching the
You can see some examples here: http://www.csscheckbox.com/
Browser specific selectors:
Well, here are a few browser specific selectors:
For IE, you have tons of selectors. No need for more.
I guess it depends what you mean by abuse but this would drive your users batty:
(as you mouse around the page everything jitters on you)
(makes all the text blurry)
"Animated GIF's" using CSS sprite sheets
(Java's "The Dude" waving his hand)