transform
transform: translatex(-50%);transform-origin-ms-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-webkit-transform: translatex(-50%);
-o-transform: translatex(-50%);
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線性漸變 - 從左到右下面的例項演示了從左邊開始的線性漸變。起點是紅色，慢慢過渡到藍色：
#grad線性漸變 - 對角你可以通過指定水平和垂直的起始位置來製作乙個對角漸變。
下面的例項演示了從左上角開始（到右下角）的線性漸變。起點是紅色，慢慢過渡到藍色：
#grad如果你想要在漸變的方向上做更多的控制，你可以定義乙個角度，而不用預定義方向（to bottom、to top、to right、to left、to bottom right，等等）。
css3 常見相容性樣式
引言 由於各瀏覽器製造商遵尋各自不同的規則，使得瀏覽器渲染的差異性，並且個瀏覽器對css3的支援度不同，引發出頁面渲染的相容性問題。如何能夠使前端頁面在不同瀏覽器渲染出相同的效果，成為前端工程師不得不考慮的問題。下面就css3樣式給出一些解決相容性問題的方法 當下主流的瀏覽器及其核心 瀏覽器 核心g...
ie相容CSS3漸變寫法
在css3之前要想做背景色漸變就只能採用新增背景的方法，但是隨著css3 linear gradient屬性的出現，就可以避免使用新增背景的方法，從而優化了效能。但是 inear gradient屬性在ie9以下是無效的，但是可以採用ie濾鏡的方法。比如 黑色漸變到白色，如下 gradient ie...
CSS3實現相容性的漸變背景效果
一 css3實現相容性漸變背景效果，相容ff chrome ie 漸變效果，現在主流的瀏覽器ff chrome opera ie8 都可以通過帶有私有字首的css3屬性來輕鬆滴實現漸變效果，ie7及以下也可以通過濾鏡來實現漸變效果 濾鏡來實現會消耗大量資源 原因是 由於ie內部在解析 濾鏡，也是通過...