SERVICE

グラデーションの無料コレクション!WebGradients

投稿日:


どうも、べ〜やんです。

今回は、180個の線形グラデーションの無料コレクション『WebGradients』を紹介します。





WebGradientsとは


引用元:WebGradients

『WebGradients』とは、180個の線形グラデーションの無料コレクションです。

おしゃれなグラデーションが180個も用意されていて、ワンクリックでCSS3のコードをコピーしたり.PNGとして取得することができます。

WebGradients


使い方


グラデーション一覧からお気に入りのグラデーションを探します。

引用元:WebGradients

ボックスの中のグラデーションをクリックして全画面サイズでグラデーションを確認することもできます。

ボックス右上の↓アイコンから.PNGで取得できます。

引用元:WebGradients

また、ボックス右下のCopy.cssからワンクリックでCSSコードを取得できます。

background-image: linear-gradient
(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);

おわりに


今回は、180個の線形グラデーションの無料コレクション『WebGradients』を紹介しました。

簡単におしゃれなグラデーションが使えて非常に便利ですね。



-SERVICE
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

大きさを測定!Google Chromeの拡張機能Page Ruler Redux

どうも、べ〜やんです。 今回は、画面上のさまざまなサイズを簡単に測定できるGoogle Chromeの拡張機能Page Ruler Reduxを紹介します。 Page Ruler Reduxとは Pa …

アイコンを簡単に表示できる!Icongram

どうも、べ〜やんです。 今回は、簡単にアイコンを表示できるサービス『Icongram』を紹介します。 Icongramとは 引用元:Icongram Icongramは9つのアイコンライブラリからAP …

CSSエフェクト紹介サイト!CSSFX

どうも、べ〜やんです。 今回は、CSSのおしゃれなエフェクトを紹介してくれるサイト『CSSFX』を紹介します。 CSSFXとは 引用元:CSSFX CSSFXはCSSのクリック、ホバー、ローディング時 …

Webデザイナーになりたい人におすすめサービス5選

どうも、べ〜やんです。 今回は、Webデザイナーを目指している方におすすめな学習サービスを5つ紹介します。 Webデザインを学べるサービスの中でも、実際に私が利用したことのあるサービスに絞って5つ紹介 …

ブックマークはもういらない、超便利Pocket

どうも、べ〜やんです。 今回は、お気に入りのwebページを保存しておく便利なサービスのPocketを紹介します。 Pocketとは Pocketは、お気に入りのwebページを保存しておく世界で2,20 …