A CSS backgammon board

One of the things I usually do when I want to get to know a new API, new functionality, or learn something old, is to play around with it.

Since Opera 9 added better (read: Near complete) support for selectors from the CSS3 Selectors working draft, I felt the need to familiarise myself with more of the spec, and a challenge from Rune, I wanted to take a stab at creating a rendering of a backgammon board using only CSS, and completely devoid of any markup cruft.

Without further ado, I present the CSS Backgammon board using a variety of selectors and CSS Border Slants. Renders correctly in Opera 9.50, breaks in Firefox 2 and MSIE. Status for other browsers unknown.

Comments

Comment from Jim on 2007-09-11 19:43

This works in Konqueror 3.5.7 but fails in Safari 2.0.4.

This discussion has been closed. No further comments may be added.