グラデーションのCSSを作成するのはかなり面倒
今回は簡単にグラデーションCSSを作成できる、generate-color-gradientというツールを紹介します！
Generate a CSS Color Gradient
Generate a nice color gradient. Just enter two colors and our tool generates a perfect color gradient and the fitting cs...
hexcolor.co
ツールの画面と使い方
特に説明の必要がないくらしシンプルで簡単なのですが、一応解説しておきます！
Gradient Style
Linerが通常のグラデーションで、Radialが放射状に広がっていきます。
Gradient Direction
矢印はグラデーションの向きです。
Gradient Color
開始の色と終わりの色を選べます。
Gradient Output format
色の出力フォーマットです。
Copy CSS
クリックすると、クリップボードにCSSが保存されます。
大阪のエンジニアが書いているブログ。
コメント