【CSS】コピペで使えるグラデーションジェネレーターまとめ

by Qlay · 2013年4月23日

CSSでボタンや見出しなどを作る場合に重宝する「グラデーションジェネレーター」をいくつかピップアップしてまとめてみました。

ほぼ自分用だけどｗ

検索してもこれが一番人気のようです。

グラデーションの方向を選べるのは助かりますね。

僕は結構これにお世話になっています。

やっぱり日本語の説明があるのは安心できますよね。

あとサンプルが超便利です。

角丸とかはわりとあるんだけど、透明度も設定できるのは結構レア？

マウスオーバー時の色の指定なんかに役立ちます。

上部タブにある「Random」をクリックすると写真のようなサンプルがランダムで表示されます、ほんと便利。

最後はシンプルなやつです。

グラデーションの順番どおりにメニューが配置されていてわかりやすい。

探せば沢山あるんですけど、機能が多すぎて良くわからなくなっているものが結構多いので、今回は実用的なやつのみピックアップしてみました。