直感的に操作できるCSSグラデーションジェネレーター「GradPad」

直感的に操作できるCSSグラデーションジェネレーター「GradPad」

直感的に操作できるCSSグラデーションジェネレーター「GradPad」

GradPadは、直感的な操作でグラデーションが作成できるCSSグラデーションジェネレーターです。

GradPadの使い方

GradPadにアクセスして、開始色・終了色などを指定していきます。下側にあるメモリでは透過度を指定できます。

GradPadの使い方

左右にあるメモリでは、色が変化する方向を調整できます。

GradPad左右のメモリ

[Get CSS for this Gradient]をクリックすると、CSSのコードが取得できます。

CSSコードの取得

[Gradient Gallery]をクリックすると、ギャラリーが表示されます。ギャラリーの中からベースのグラデーションを選択することも可能です。

Gradient Gallery

あとがき

非常にシンプルなジェネレーターですが、直感的に操作できて良い感じですね。

透過度が設定できるのも何気に嬉しい機能です。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です