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」でした。

topへ戻る