180種類のおしゃれなグラデーションがまとめられたサイト「WebGradients」

2017/03/05

こんにちは。
今回は180種類のおしゃれなグラデーションがまとめられたサイト「WebGradients」です。

180種類のおしゃれなグラデーションを集めたWebサービスを紹介します。

※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。

180種類のグラデーションがまとめられたサイト「WebGradients」

WebGradients

webgradients

https://webgradients.com/

 

WebGradientsの使い方

webgradients2

180種類のおしゃれなグラデーションが一覧で表示され、それぞれのグラデーションをクリックするとグラデーションをウィンドウ全体に表示させることができます。
右上の矢印のアイコンをクリックするとpng画像をダウンロードでき、右下の「Copy CSS」のボタンをクリックするとCSSをコピーすることもできますよ。
また、サイトの右上のボタンをクリックするとPhotoshopやSketch用のグラデーションも配布されています。

 

すぐに役立つ! 配色アレンジBOOK
すぐに役立つ! 配色アレンジBOOK

 

グラデーションを使用する時に覗いてみてはどうでしょうか。
以上で180種類のおしゃれなグラデーションがまとめられたサイト「WebGradients」でした。

綺麗なグラデーションを作成できるサイトをまとめた記事はこちら

綺麗なグラデーションを作成できるサイト8選
こんにちは。 今回は綺麗なグラデーションを作成できるサイト8選です。 デザインやWeb制作をしていると綺麗なグラデーションを作成し...

Topへ戻る