| weinig | 2b1a275 | 2006-07-04 22:14:49 +0000 | [diff] [blame] | 1 | <html lang="en"> |
| 2 | <title>CSS 3.0 HSLA color support test</title> |
| 3 | |
| 4 | <style type="text/css"> |
| 5 | body {background-color:yellow;} |
| 6 | h1#red {color: hsla(0, 100%, 50%, 0.5) } |
| weinig | 2a984d3 | 2007-07-31 17:58:46 +0000 | [diff] [blame] | 7 | h1#red2 {color: hsla(0.0, 100%, 50%, 0.5) } |
| weinig | 2b1a275 | 2006-07-04 22:14:49 +0000 | [diff] [blame] | 8 | h1#green {color: hsla(120, 100%, 50%, 0.0) } |
| weinig | 2a984d3 | 2007-07-31 17:58:46 +0000 | [diff] [blame] | 9 | h1#green2 {color: hsla(120.0, 100%, 50%, 0.0) } |
| weinig | 2b1a275 | 2006-07-04 22:14:49 +0000 | [diff] [blame] | 10 | h1#greensolid {color: hsla(120, 100%, 50%, 1.0) } |
| weinig | 2a984d3 | 2007-07-31 17:58:46 +0000 | [diff] [blame] | 11 | h1#greensolid2 {color: hsla(120.0, 100%, 50%, 1.0) } |
| weinig | 2b1a275 | 2006-07-04 22:14:49 +0000 | [diff] [blame] | 12 | </style> |
| 13 | </head> |
| 14 | |
| 15 | <body> |
| 16 | <h1 id="red">This should be red, alpha 0.5</h1> |
| weinig | 2a984d3 | 2007-07-31 17:58:46 +0000 | [diff] [blame] | 17 | <h1 id="red2">This should also be red, alpha 0.5</h1> |
| weinig | 2b1a275 | 2006-07-04 22:14:49 +0000 | [diff] [blame] | 18 | <h1 id="green">This should be green, alpha 0.0</h1> |
| weinig | 2a984d3 | 2007-07-31 17:58:46 +0000 | [diff] [blame] | 19 | <h1 id="green2">This should also be green, alpha 0.0</h1> |
| weinig | 2b1a275 | 2006-07-04 22:14:49 +0000 | [diff] [blame] | 20 | <h1 id="greensolid">This should be green, alpha 1.0</h1> |
| weinig | 2a984d3 | 2007-07-31 17:58:46 +0000 | [diff] [blame] | 21 | <h1 id="greensolid2">This should also be green, alpha 1.0</h1> |
| 22 | </body> |
| 23 | </html> |
