制作者はなんと15歳のイケメン！今風の美しいCSSグラデーションがコピペで簡単に利用できる -Gradient Hunt

Post on:2018年7月23日

sponsors

Webサイトやスマホアプリで人気が高い、色相を変化させた美しいグラデーションがCSSのコード・デザイン素材で利用できるオープンソースの無料サイトを紹介します。

制作者（@fmaldonadoy）は15歳のデザイナー兼Webデベロッパーで、この美しいグラデーションは日々更新され、どんどん増えています。

Gradient HuntはシンプルなUIで、非常に使いやすいデザインです。

各グラデーションをクリックすると、CSSのコードとPNG画像をダウンロードできます。

「COPY」ボタンをクリックすると、CSSのコードをコピーできます。

background-image: radial-gradient( circle farthest-corner at 12.3% 19.3%,  rgba(85,88,218,1) 0%, rgba(95,209,249,1) 100.2% );

1	background-image: radial-gradient( circle farthest-corner at 12.3% 19.3%, rgba(85,88,218,1) 0%, rgba(95,209,249,1) 100.2% );

上部のメニューの人気が高いグラデーション、新着のグラデーション、線形・放射のグラデーションから、グラデーションを見つけることができます。

上部の「Create Gradient」をクリックすると、グラデーションを作成することができます。かなり高性能なツールで、シンプルなグラデーションだけでなく、複雑なグラデーションも簡単に作成できます。