Added a preview page: HSL color

Excerpt: A new preview page has been added, for HSL values in the Color module. So far, only Mozilla-based browsers support this feature. Update: Also added HSLA values; only supported in Firefox 3 pre-Alpha. [tags]css3, hsl, hsla, firefox, mozilla[/tags]…

Added a preview page: text-overflow

Excerpt: Just a small note: i have added text-overflow to the preview pages. Mostly unsupported at this time, it could be very useful though.…

Why and when browsers prefix CSS3 features

Excerpt: Since i've started with my CSS3 preview pages, i've had the same question at least 10 times already: why do browsers prefix CSS3 features? It seems so weird, when both WebKit and Firefox have border-radius implemented, you have to write two lines for it to work in both browsers. The reason for th…

CSS3 for forms

Excerpt: Here's an interesting article on how to use the CSS3 :checked pseudo-class to style check boxes and radio buttons.…

A brief introduction to Opacity and RGBA

Excerpt: The Opacity declaration sets how opaque an element is. An opacity value of 1 means the element is fully opaque; an opacity value of 0 means an element is not at all opaque, i.e. fully transparent. div { background-color: rgb(255,0,0); opacity: 1; } Webkit, Gecko and Opera browsers all supp…