はじめに

初投稿です。最近よく使う「Ultimate CSS」というサービスを使って、簡単にCSSグラデーションを利用する方法をご紹介。

やり方

STEP1:

http://www.colorzilla.com/gradient-editor/
にアクセスします。

STEP2:

細かい使い方まで説明不要かもしれません。PhotoshopやFireworksを使ったことがある人には馴染みやすいインターフェイスになっています。
「よくわからないよー」という人は、Presetをいじってみたりして遊んでみてください。

STEP3:

生成されたCSSをコピペすれば、グラデーションを適用することができます。

番外編:

Ultimate CSS の凄いところは、インポート機能が備わっているところです。自分が過去に用意したCSSグラデーションはもちろん、「このCSSグラデーションいいな」と思ったサイトからソースを持ってくるだけで、簡単に編集することができるんですね。

画像からインポートをすることも可能のようです。