CSS3のグラデーションのプロパティを生成する Ultimate CSS Gradient Generator

使い方

「Presets」と色見本で使用したいグラデーションを選択します。

するとグラデーションのプレビューと各ブラウザでの記述別にCSS3のプロパティが生成されます。

表示されるグラデーションのプレビューでよければ、CSS3のプロパティをスタイルシートに貼り付けましょう。それだけでプレビューで確認したグラデーションが表示されます。

さらに「Ultimate CSS Gradient Generator」は出力の方法も選択できます。

「switch to scss」を押下するとSCSSの記述が生成されます。

「switch to css」を押下するとCSSの記述に戻ります。

また「IE9 Support」にチェックを入れるとIE9での表示方法をサポートする記述も生成されます。

さらに便利な機能として画像をインポートし、その画像を解析してCSS3のプロパティを生成してくれます。

1. 「import from image」ボタンを押下。
2. 「ファイルを選択」ボタンを押下。
3. 「import」ボタンを押下。
4. 「CSS」にインポートした画像のプロパティが生成される。