BLOG スタッフブログ

どうも、千葉です。

今回はCSSグラデーションがコピペで簡単に利用できる -Gradient Hunt
について紹介しようと思います。

Gradient Huntについて

https://gradienthunt.com/

WEBサイトの制作で使えそうなグラデーションがたくさんあります。

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

COPY GRADIENT CODE　ボタンを押すとCSSコードコピーできます。

background-image: linear-gradient( 109.6deg,  rgba(231,120,120,1) 11.2%, rgba(246,220,111,1) 91.2% );

まとめ

WEBデザインでグラデーション背景するときに重宝しそうなサイトです。ぜひWEBデザインする際につかってみては？

Twitter Facebook