【HTML,CSS】超簡単にグラデーションを作る方法。一覧から選べる!

一覧から選ぶ方法

「webgradients」の画像検索結果

WebGradientsというサイトから選べます。
このサイトを使うとグラデーションになっている画像をダウンロードしたり、
グラデーションのHexを確認したり、CSSをコピーすることができます。

CSSに使う方法

「Copy CSS」を押すと、CSSのコードがコピーされます。
今回の場合は、

background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);

となります。簡単にCSSに使うことができるので

コメントを残す

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