Photoshop風のCSSグラデーションジェネレータ「Ultimate CSS Gradient Generator」
Photoshop風のCSSジェネレータ
「Ultimate CSS Gradient Generator」はPhotoshopっぽいインタフェースのCSSジェネレータです。
とても使いやすくて、綺麗なグラデーションを作成できますよ。
自分で色を指定することもできますが、標準でたくさんのグラデーションセットが用意されています。
グラデーションセンスが全然なくてお困りの方には嬉しいですね。
グラデーションセンスがある方も、簡単に利用できるのでついつい使っちゃいそう。
以下に使ってみた様子を載せておきます。
とても使いやすくて、綺麗なグラデーションを作成できますよ。
自分で色を指定することもできますが、標準でたくさんのグラデーションセットが用意されています。
グラデーションセンスが全然なくてお困りの方には嬉しいですね。
グラデーションセンスがある方も、簡単に利用できるのでついつい使っちゃいそう。
以下に使ってみた様子を載せておきます。
Photoshop風で簡単にグラデーション作成
まず「Ultimate CSS Gradient Generator」にアクセスしましょう。
全体はこんな感じ。
左上にグラデーションセット一覧。その下に詳細の色設定。
右上がプレビューでその下が、CSSコードです。
使い方としては、まずグラデーションセット一覧からお好きなモノを選びます。
そして、プレビューを見ながら自分好みに色を設定します。
最後にCSSをコピーしておしまい！
グラデーションを作るときは是非とも利用したいサイトですね。
標準のグラデーションセットもかなり活用できます。
全体はこんな感じ。
左上にグラデーションセット一覧。その下に詳細の色設定。
右上がプレビューでその下が、CSSコードです。
使い方としては、まずグラデーションセット一覧からお好きなモノを選びます。
そして、プレビューを見ながら自分好みに色を設定します。
最後にCSSをコピーしておしまい！
グラデーションを作るときは是非とも利用したいサイトですね。
標準のグラデーションセットもかなり活用できます。
本記事で紹介したサイト
この記事をみた人はこんな記事も見ています
前後の記事もどうぞ
この記事をブックマーク/共有する
トラックバックURL
このブログを購読しますか？
FeedlyなどのRSSリーダーを使うと、このブログの更新情報をいち早くキャッチできます。このブログのRSS（http://20kaido.com/index.rdf）を登録すれば、更新されるたびに概要（記事タイトル・冒頭）が手に入ります。
また、Twitterによる更新情報の配信もおこなっております。
@20kaido をフォローしていただければ最新の情報をお届けします。
さらに、Facebookでも更新情報を流しています。ファンページがありますので、「いいね！」するだけで購読できますよ！
また、Twitterによる更新情報の配信もおこなっております。
@20kaido をフォローしていただければ最新の情報をお届けします。
さらに、Facebookでも更新情報を流しています。ファンページがありますので、「いいね！」するだけで購読できますよ！
管理人へ連絡する・メール
[email protected]
・Twitter
@kamekiti
・お問い合わせフォーム
http://ws.formzu.net/fgen/S70651833/
何か気になることがありましたら、お気軽にご連絡ください。
[email protected]
@kamekiti
・お問い合わせフォーム
http://ws.formzu.net/fgen/S70651833/
何か気になることがありましたら、お気軽にご連絡ください。
記事公開日：2010年10月07日 コメント（0）
Twitterの声
はてなブックマークの声
Facebookの声
この記事についたコメント
コメントする
