Mozilla漸變到其他漸變

Question

如何使其他瀏覽器的漸變從Mozilla漸變開始。我已經使用了Mozilla漸變，但最近我發現你需要爲CSS代碼中的每個瀏覽器製作一個漸變，以便它可以在所有瀏覽器上運行。我只看到網站讓你創建一個漸變，它會產生所有瀏覽器的代碼，但我還沒有找到一些東西爲所有其他瀏覽器做一個moz漸變。

這是梯度我想轉換：

background-image: -moz-linear-gradient(center top , #9BC0DD, #C9DEED); 

Answer 1

是@omarello引用的工具是一個很好的工具。這是不是gradient你試圖重現？

編輯：我做了什麼重現你的漸變：漸變的名稱下方

• 是梯度面板在默認情況下4個色標。
• 低於梯度，刪除約50％的2色停止並保留在左側和右側。上面的黑色是不透明的，忽略它們的這種不透明的梯度
• 點擊左邊的顏色停止。在停止字段集下面的東西改變
• 點擊停止區域內的顏色框，出現一個顏色選擇器！ （這是不那麼明顯 - 上 - 第一次招）
• 在右下角，貼你的第一個顏色十六進制代碼（如果它是與＃與否，colorzilla沒關係是足夠聰明），然後單擊OK按鈕
• 同爲在預覽區右側
• 其他顏色停止，你想垂直方向（因爲center top是top我猜想的一樣，既不HORIZ。， diag。也不是徑向的）和IE代碼
• 那麼你有一個永久鏈接th您可以將其作爲評論粘貼到生成的代碼旁邊的CSS中。您或您的同事將在6個月內感謝您自己，因爲您的瀏覽器版本爲18.0時，您需要稍微更改此梯度或者必須更新漸變。粘貼固定鏈接，改變的東西，貼生成CSS，保存:)

Answer 2

這將幫助你在同一

http://www.colorzilla.com/gradient-editor/

Answer 3

有在網絡上可用的許多限制梯度發電機，但他們不能創建包含重複，角度，顯式位置等的複雜漸變的SVG（IE9）代碼或舊的Webkit代碼。

有一個小應用程序VisualCSSTools將爲所有CSS線性和徑向漸變創建代碼。

唯一的限制是舊的Webkit語法不允許橢圓放射漸變;這些轉換爲圓形漸變。