Visual CSS Gradient Generator

説明

Webデザイナー向けの強力なPhotoshopスタイルのクロスブラウザーCSSおよびSVGグラデーションジェネレーター。

オンライングラディエントクリエイターとの違いは何ですか？

*角度で指定されたCSS線形グラデーションでも繰り返しグラデーションでも、指定されたパラメーターに関係なく、対応するSVG（IE9）と古いWebkit CSS構文が生成されます。

*カラーストップがボックスの境界の外側にある場合、SVGと古いWebkitのレンダリングがCSS3の外観と一致するように色が補間されます。

* Chrome、Firefox、Opera、Safariでプレビューするには、ボタンを1回クリックします。

*パーセント値タイプに制限されません。すべての値は、「px」、「pc」、「pt」、「mm​​」、「cm」、または「in」として表すことができます。

その他の機能：

* Chrome、Firefox、IE9（SVG）、IE10、Opera、Safari、および古いWebkit構文の線形および放射状グラデーションCSSおよびSVGソースコードを作成します。

* Photoshopスタイルのカラーピッカーとリアルタイム更新。

*色を選択した後、希望するCSS形式、つまりRGB、RGBパーセンテージ、16進数、名前付き、またはHSLを選択します。

*「最遠コーナー」などの放射状グラデーションサイズキーワードから、計算された位置とサイズへの自動変換。

*「左上へ」などの線形グラデーション範囲キーワードから計算された角度への自動変換。

*単位タイプ、つまり「px」、「pc」、「pt」、「mm​​」、「cm」、「in」間の自動変換。