CSS3 研究室 »

[CSS3]text-shadow 文字陰影

[CSS3]text-shadow 文字陰影

在 CSS3 中除了能將區塊加上陰影之外,也能針對一般文字加上 text-shadow 文字陰影的效果,進而產生像是會發光或是有 3D 立體效果。

CSS3 研究室 »

[CSS3]box-shadow 區塊陰影

[CSS3]box-shadow 區塊陰影

如果想在圖片上加入陰影效果時,一般可能會需要使用到影像編輯軟體才行。但現在可以用 CSS3box-shadow 屬性就能輕鬆做出陰影效果了。

CSS3 研究室 »

[CSS3]hsl 及 hsla 顏色

[CSS3]hsl 及 hsla 顏色

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

CSS3 研究室 »

[CSS3]rgba 顏色

[CSS3]rgba 顏色

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