Light at the End of the Tunnel

Original Experiment Date
May 3, 2003 (possibly prior)
Description

I always wanted to know how Tantek Çelik had created his brilliant CSS polygons page. After intensive study of his page I figured it out uses the borders to create the diagonal lines which are commonly referred to as 'slants'. Very ingenious. Had I originally known about this page I would have figured it out much quicker!

Although the slants are seldom used, you can create a lot of nice effects with slants. What is more, support is also quite good in modern browsers, although transparent borders as used in my experiment, entitled "Light at the End of the Tunnel", are not supported in IE.

In January 2007 I made a variation on this experiment for CSS' 10th anniversary.

Test
See the Light at the End of the Tunnel.
Advantages
Slants can be used decoratively.
Disadvantages
The designs using slants usually degrade ugly in non-supporting browsers.
Browser support
Opera 7+, Mozilla Firefox 1.5

© 2003-2007, Mark Schenk.