compuccino CSS Border Madness

Change the values on the right →

After seeing this demo by Kosmar, we simply could not resist to take his challenge one leap further.

One quick glance at the code, and the idea to automate all this came up.
So we built it, and here it is: our customizable border-madness.

Just tell us, how many borders you'd like to have … and how thick you want them to be.
Then … go … and … voila.

Feel free to comment, fan or .

Thanks to Kosmar for the idea, Guido for the challenge - and to all compuccinis involved.
Works best with Chrome 12, Firefox 5
Image is copyrighted by Jura; their Z7 keeps us going …

Style, anyone?

box-shadow: 0 0 0 5px DeepPink inset, 0 0 0 10px Red inset, 0 0 0 15px HotPink inset, 0 0 0 20px FireBrick inset, 0 0 0 25px Pink inset, 0 0 0 30px Orange inset, 0 0 0 35px GreenYellow inset, 0 0 0 40px Crimson inset, 0 0 0 45px Gold inset, 0 0 0 50px Pink inset;

Comments? Questions?