ツール・サイト紹介
ニュース/2ちゃんねる

今週の人気記事

Photoshop風のCSSグラデーションジェネレータ「Ultimate CSS Gradient Generator」

あとで読む Clip to Evernote このエントリーをはてなブックマークに追加
Ultimate CSS Gradient Generator
Ultimate CSS Gradient Generator

Photoshop風のCSSジェネレータ


Ultimate CSS Gradient Generator」はPhotoshopっぽいインタフェースのCSSジェネレータです。
とても使いやすくて、綺麗なグラデーションを作成できますよ。

自分で色を指定することもできますが、標準でたくさんのグラデーションセットが用意されています。
グラデーションセンスが全然なくてお困りの方には嬉しいですね。
グラデーションセンスがある方も、簡単に利用できるのでついつい使っちゃいそう。

以下に使ってみた様子を載せておきます。


Photoshop風で簡単にグラデーション作成


まず「Ultimate CSS Gradient Generator」にアクセスしましょう。
Ultimate CSS Gradient Generator
全体はこんな感じ。

左上にグラデーションセット一覧。その下に詳細の色設定。
右上がプレビューでその下が、CSSコードです。


使い方としては、まずグラデーションセット一覧からお好きなモノを選びます。
Ultimate CSS Gradient Generator
そして、プレビューを見ながら自分好みに色を設定します。

最後にCSSをコピーしておしまい!
Ultimate CSS Gradient Generator


グラデーションを作るときは是非とも利用したいサイトですね。
標準のグラデーションセットもかなり活用できます。

 本記事で紹介したサイト
Ultimate CSS Gradient Generator
http://www.colorzilla.com/gradient-editor/
あとで読む Clip to Evernote このエントリーをはてなブックマークに追加
Related Posts Plugin for WordPress, Blogger...

 この記事をみた人はこんな記事も見ています

 前後の記事もどうぞ

 この記事をブックマーク/共有する

 トラックバックURL

http://trackback.blogsys.jp/livedoor/kamekiti1115/1221131
Twitterの声
はてなブックマークの声
Facebookの声
この記事についたコメント

コメントする
お名前
二十歳街道まっしぐら 2nd @カメきち 2010.10.01-