WEB時短ツールは、Webのお仕事を快適にする便利なオンラインツール・素材へのリンク集。今日も少し早くお家に帰れますように。

現在の登録数:439サイト

CSS3のグラデーションが簡単に作成できるサービス Grad3

2014/04/22

CSS3グラデーション作成サービス Grad3

サイト名: Grad3 [ http://grad3.ecoloniq.jp/ ]

カテゴリ: CSS関連

タグ:

概要:

CSS3のグラデーション作成サービスですが、背景を付けたり、文字色・サイズの変更等もできて非常に便利です。CSSはグラデーションのみ、または文字なども含め全てのスタイルのダウンロードが選べます。

グラデーションを作りたい色を選択

Grad3 グラデーション
画面下部からグラデーションを作りたい色を選択。
色を選ぶとサンプルが表示されますので、1つ選びます。
色は複数選択も可能。

グラデーションの方向や範囲を変更

Grad3 グラデーション
グラデーションは線形だけでなく、円形にしたり、グラデーションの始まり位置を変更することも可能!
色の割合もスライダーで簡単に調整することができます。背景色も変更可!

その他の調整

Screenshot_642
角丸の変更や、フォントの色・サイズ等も変更できます。
背景画像やアイコンを付けたりすることもできて便利!

CSSはグラデーションのみ、全てのスタイルを選んでコピーできます。
プレフィックスが不必要な場合は、非表示にすることもできます。