在 CSS3 中新增了 HSL 及 HSLA 等兩種跟顏色有關的屬性。其中 H 為 hue(色相)、S 為 saturation(飽合度)、L 為 lightness(亮度)。HSLA 就跟 RGBA 一樣，都是在原本的屬性中多加入了不透明度的設定而已。

原本 CSS 中的顏色除了可用 16 進位來表示 RGB 顏色值之外，還可以使用預先定義好的顏色名稱。而 RGBA 是以 RGB 為基礎再加上不透明度的屬性。

雖然說 CSS3 還沒正式公佈，但 opacity 屬性已經是各瀏覽器支援最完整屬性了(當然還是除了 IE 系列之外)。

也許之前當你要弄個有圓角樣式的區塊或是按鈕時都要用圖片來達成，可是當瀏覽器支援 border-radius 屬性後，只要透過 CSS 的設定就能完成一樣的效果囉。

這樣的效果讓筆者想到了另一個範例-滑出式說明描述。只是Yahoo!奇摩新聞版的是在標題上面展開說明描述，而筆者的範例是連標題都一起往上展開。所以...如果手癢的就跟著筆者一起來動手做看看吧。