Playing with the CSS 3 features of Firefox 3.5

Introduction

According to Firefox 3.5 for developers among the new features of Firefox 3.5 (and presumably successors) is support for at least some HTML5 and CSS3 features. This page is here to play with those features.

nth child selector

Here is a list to which the li:nth-child(2n+1) selector should apply colouring evey odd line.

• First item
• Second item
• Third item
• Fourth item
• Fifth item

Text shadow

These two sub-headings have different text-shadow settings.

Shadow 1 looks like this

What fun!

Shadow 2 looks like this

Fascinating!

---