綺麗なグラデーションのCSSを、超簡単に作成できるツールを紹介!【generate-color-gradient】

HTML/CSS

グラデーションのCSSを作成するのはかなり面倒

今回は簡単にグラデーションCSSを作成できる、generate-color-gradientというツールを紹介します!

Please Wait... | Cloudflare

ツールの画面と使い方

特に説明の必要がないくらしシンプルで簡単なのですが、一応解説しておきます!

ゆるプロ日記 綺麗なグラデーションのCSSを、超簡単に作成できるツールを紹介!【generate-color-gradient】

Gradient Style

Linerが通常のグラデーションで、Radialが放射状に広がっていきます。

Gradient Direction

矢印はグラデーションの向きです。

Gradient Color

開始の色と終わりの色を選べます。

Gradient Output format

色の出力フォーマットです。

Copy CSS

クリックすると、クリップボードにCSSが保存されます。

コメント

タイトルとURLをコピーしました