BLOG 2018.08.08
ブロ蔵 | CSSグラデーションがコピペで簡単に利用できる -Gradient Hunt
千葉
![](https://ai-communication.jp/wp-content/uploads/blog_05.jpg)
どうも、千葉です。
今回はCSSグラデーションがコピペで簡単に利用できる -Gradient Hunt
について紹介しようと思います。
Gradient Huntについて
![](http://ai-communication.jp/wp-content/uploads/01-768x383-1.png)
WEBサイトの制作で使えそうなグラデーションがたくさんあります。
![](http://ai-communication.jp/wp-content/uploads/02-768x383-1.png)
各グラデーションをクリックすると、CSSのコードとPNG画像をダウンロードできます。
![](http://ai-communication.jp/wp-content/uploads/03-768x383-1.jpg)
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デザインする際につかってみては?