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

スポンサードリンク

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

ほぼ自分用だけどw

シンプルで使いやすい、縦・横・斜めも選択可能

 

Ultimate CSS Gradient Generator

 

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

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

 

 国産ジェネレーター、サンプルも充実

 

Grad3

 

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

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

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

 

 影や角丸、透明度も設定できる

 

CSS3 GENERATOR

 

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

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

 

 

 ランダムでサンプルを表示できるのが便利!

 

CSS3 Button Generator

 

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

 

 無駄な機能がなく直感的にわかりやすい

 

Button Maker

 

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

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

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

この記事をサイトに埋め込む
スポンサードリンク
この記事をシェアする
RSSリーダーに登録する

 RSSリーダーで購読する

Facebookの反応