CSS3 兼容性寫法

transform

transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);

 transform-origin

transform-origin:20% 40%;
-ms-transform-origin:20% 40%; 		/* IE 9 */
-webkit-transform-origin:20% 40%;	/* Safari 和 Chrome */
-moz-transform-origin:20% 40%;		/* Firefox */
-o-transform-origin:20% 40%;		/* Opera */

線性漸變 - 從上到下（默認情況下）

下面的實例演示了從頂部開始的線性漸變。起點是紅色，慢慢過渡到藍色：

#grad {
  background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
  background: linear-gradient(red, blue); /* 標准的語法 */
}

線性漸變 - 從左到右

下面的實例演示了從左邊開始的線性漸變。起點是紅色，慢慢過渡到藍色：

#grad {
  background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, red , blue); /* 標准的語法 */
}

線性漸變 - 對角

你可以通過指定水平和垂直的起始位置來制作一個對角漸變。

下面的實例演示了從左上角開始（到右下角）的線性漸變。起點是紅色，慢慢過渡到藍色：

#grad {
  background: -webkit-linear-gradient(left top, red , blue); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, red, blue); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, red, blue); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom right, red , blue); /* 標准的語法 */
}

使用角度

如果你想要在漸變的方向上做更多的控制，你可以定義一個角度，而不用預定義方向（to bottom、to top、to right、to left、to bottom right，等等）。

#grad {
  background: -webkit-linear-gradient(180deg, red, blue); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(180deg, red, blue); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(180deg, red, blue); /* Firefox 3.6 - 15 */
  background: linear-gradient(180deg, red, blue); /* 標准的語法 */
}

　　

box-sizing屬性

box-sizing: border-box;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari */