]> The LambCutlet Disorganisation » A whole cascade of shenanigans…

The LambCutlet Disorganisation

A whole cascade of shenanigans…

Posted by Jonathan at 20:21:00 UTC on the 14th of May, 2003

They say that buses always show up in threes, but today it seemed to be CSS3 Candidate Recommendations that was showing up in threes, which are:

I’m personally getting most excited about the CSS3 Color Module due to the fact the new features it’ll bring in such as ICC color profiles, transparency/opacity and an HSL color model to compliment the existing RGB one.

A colour profile example:


/* use the specified profile,
	even if the image contains an embedded profile */
img { color-profile: url(\"http://example.tld/profiles/eg.icm\") }
	

A transparency example:


p.seethrough { opacity: 0.5 }
	

HSL colour value examples:


/* red */
p { color: hsl(0, 100%, 50%) }
/* green */
p { color: hsl(120, 100%, 50%) }
/* light green */
p { color: hsl(120, 100%, 25%) }
/* dark green */
p { color: hsl(120, 100%, 75%) }
/* pastel green */
p { color: hsl(120, 50%, 50%) }

Both colour models also accept explicitly defined alpha values. An alpha value of 1 is fully opaque, and 0 is fully transparent. The transparent keyword as introduced in previous versions of CSS is the same as setting the opacity/alpha value for that property to 0.

RGBA example:


/* semi-transparent solid blue */
p { color: rgba(0, 0, 255, 0.5) }
/* very transparent solid orange */
p { color: rgba(100%, 50%, 0%, 0.1) }

HSLA example:


/* semi-transparent solid blue */
p { color: hsla(240, 100%, 50%, 0.5) }
/* very transparent solid orange */
p { color: hsla(30, 100%, 50%, 0.1) }

So lots of cool stuff in the works. The text and ruby modules mostly focus on i18n for Eastern and Arabic text and stylistic and formatting issues those bring up.

There are many other modules for CSS3, all in different states and you can keep track of progress at the CSS3 Roadmap page.

Feedback for the above three modules is welcome at www-style@w3.org (archive).

Filed under: Internet

No Comments »

No comments yet.

RSS feed for comments on this post.

Leave a comment

Due to continued annoyance from spam-bots, this site now uses a Captcha. Disabled users can still submit their comments via my contact form.

Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Don't forget that this site support Gravatars!

(required)

(required)

Authorisation code image