CSS3的真正開始收集許多Firefox，Safari和谷歌瀏覽器支持CSS3的工作草案中概述的命令的勢頭。 我們認為，我們就會把一些我們的最愛。 在我們開始之前CSS3命令都需要瀏覽器特定的語法為他們的工作。

對於Mozilla Firefox中，我們需要使用- MOZ -前綴，例如：

MOZ邊界半徑：

而對於Safari的WebKit的前綴，例如：

WebKit的邊界半徑：

1。 邊界半徑

CSS3的邊界半徑命令創建一個元素的圓角。 而不是使用4個或更多的圖像來創建圓角使用以下命令：

/ *為 Mozilla Firefox瀏覽器* /
MOZ邊界半徑：20像素;

Safari瀏覽器和谷歌瀏覽器/ * * /
- WebKit的邊界半徑：20像素;
}

2。 盒陰影

陰影可應用於使用CSS3盒陰影命令的元素。 框陰影接受三個數值加一種顏色來應用此效果。 這些數字是：

1。 橫向陰影的偏移距離 - 正值意味著陰影將轉換的權利和左負值
2。 垂直的陰影的偏移距離 - 正值意味著陰影投低於上述負值
3。 您想如何模糊的陰影

隨著另外一個顏色值的陰影是完整的：

/ *為 Mozilla Firefox瀏覽器* /
MOZ -框陰影：5px 5px 5px＃b6ebf7;

Safari瀏覽器和谷歌瀏覽器/ * * /
WebKit的框陰影：5倍5px 5px＃b6ebf7;

3。 透明或RGBA

透明度一直是棘手的。 歷史上不同的瀏覽器已申請使用不同的命令的透明度。 繼續這個跨瀏覽器不一致性，我們已經增加了新的CSS3的RGBA背景屬性，但在原則上，此命令是更合乎邏輯的。 該命令由4個值 - 第一，第二和第三的是紅色，綠色和藍色值（0-255），分別由alpha通道或透明度（0-1）。

瀏覽器特定的前綴（對於 RGBA的命令，MOZ，WebKit的）不要求：

＃BOX3
背景顏色：RGBA（110，142，185，0.5）;
}

“背景顏色”命令添加一個漂亮的藍灰色的背景，在0.5或了解CSS3的RGBA的屬性在瀏覽器中的不透明度為 50％。

不幸的是Internet Explorer會也企圖呈現“背景顏色”命令，但不明白的RGBA。 為了確保背景顏色也設置在IE瀏覽器的IE瀏覽器只砍是必需的。 在下面的例子：去年孩子偽選擇的Internet Explorer不明白是用來排除它。

身體：最後的孩子＃BOX3 {
/ *排除所有的IE瀏覽器的使用：最後的孩子* /
背景色：RGBA（110，142，185，0.5）的重要;
}

4。 列

已被添加到CSS3中添加列的能力。 而不是浮動元素容器內，我們可以設置列數，寬度和規則：

/ *為 Mozilla Firefox瀏覽器* /
MOZ列數：2;
MOZ列的差距：20像素;
MOZ -列規則：1px的固體＃6e8eb9;

Safari瀏覽器和谷歌瀏覽器/ * * /
WebKit的列數：2;
WebKit的列的差距：20像素;
WebKit的列規則：1px的固體＃6e8eb9;
}

5。 多背景圖片

背景圖像一直是限制性的，當涉及到的CSS由於事實上，你可以只適用於每一個元素的背景圖像。 這是不是用CSS3的情況下，允許每個元素的多個圖像，只需用逗號把它們分開。

要放在左邊和正確的您可以使用下面的命令，一點點的造型元素的圖像：

填充：0 20像素;
}

此命令將 MIS，Internet Explorer所呈現的，因為它不接受一個單一的元素的背景圖像。 一個排除所有IE黑客是必需的。

＃box5大段引用{
/ *對於所有瀏覽器，只是一個開放的報價 * /
背景：URL（/ I / quotel.gif）0 0無重複;
填充：0 20像素;
}

身體：最後孩子box5引用文字{
/ *排除所有的IE瀏覽器的使用：最後的孩子* /
/ *然後兩個圖像 * /
背景：URL（/ I / quotel.gif）沒有重複 0，URL（/ I / quoter.gif）不重複 100％0;
}

6。 背景梯度

CSS3的背景梯度非常靈活，可用於創建複雜的圖案。 在其最簡單的CSS線性漸變允許漸變元素從上到下，從左到右。

這個例子在Mozilla Firefox中的CSS3梯度適用於在一個盒子的底部箱的高度只有20％為淡藍色漸變

Safari使用一個不太直觀，但更靈活的方式，使用色標值。 Safari的具體代碼示例如下（注意：括號內，而不是外界包括線性）：

＃box8
背景：WebKit的梯度（線性，左下角，左上角，彩色的​​停止（0，＃b6ebf7），彩色停止（0.20，＃FFF））;
}

7。 旋轉

CSS3中還允許使用“變換”命令的元素，旋轉，旋轉屬性作為一個參數接受度。

<CODE>＃box9 {
MOZ變換：旋轉（2DEG）;
WebKit的變換：旋轉（2DEG）;
} </ code>的

8。 綱要

Outilines包括CSS3規範，並允許雙方的邊界和大綱，被應用到一個單一的元素。

大綱屬性是相同的邊界命令。 然而，額外的偏移屬性允許邊境移動進一步內部或外部的元素。

下提出：由管理CSS