グラデーションクリエーター

Web Information

カラフルなグラデーションのCSSを作成できるChrome拡張機能「グラデーションクリエーター」

グラデーションクリエーターというChrome拡張機能を使ってみました。カラフルで素敵なグラデーションのCSSを作成することができます。様々なグラデーションを見ることができ、CSSもグラデーションが切り替わると同時に反映されるので、気に入ったものが見つかればすぐに使用することができます。

[ads_center]

グラデーションクリエーターの使い方

Chrome ウェブストア – グラデーションクリエーター

インストールするとChromeのアプリ一覧画面にグラデーションクリエーターが追加されます。

グラデーションクリエーターをインストール

以下はグラデーションクリエーターのサイトです。

グラデーションクリエーター

大きなアイコンをクリックする度にランダムでグラデーションが切り替わっていきます。同時にCSSコードもそれに合わせて切り替わります。

ランダムでグラデーションが切り替わる

また、横にある小さいアイコンをクリックするとスライドバーが表示されます。

小さいアイコン

こんな感じでスライドバーが表示されます。

スライドバー

このバーを動かすことでグラデーションを調節することができます。色や明るさなどを細かく調整できるので自分好みのグラデーションに近づけていくことができます。

とうわけで、カラフルなグラデーションをCSSで作りたい時に役立つツール「グラデーションクリエーター」のご紹介でした。

関連記事

  1. Chromeの複数タブをまとめて閉じるショートカットキー

    Web Information

    Google Chromeで指定した複数タブをまとめて閉じるショートカットキー

    ちょっと便利だったのでメモがてらご紹介します。Google Chrom…

  2. Web Information

    Googleニュースで自分の好きなキーワードのRSSを取得する方法

    何かのキーワードを調べたい時に、Googleニュースでそのキーワードの…

  3. Copy All Urls

    Web Information

    たくさんのWebページURLを一気にコピーするChrome拡張機能「Copy All Urls」

    現在ひらいているタブのWebページURLをまとめて一気にコピーしたいと…

  4. Google翻訳の音声や使用例

    Web Information

    Google翻訳で音声や単語の使用例を確認できるのがとても便利

    Google翻訳を何気なく使っていて気づいたんですが、音声や単語の使用…

  5. Bootstrap Vertical Carousel
  6. URLをハイライト表示させるショートカットキー

    Web Information

    ChromeでURL欄にカーソルを合わせる(ハイライト表示)ショートカットキー

    最近覚えたChromeの役立つショートカットキーをご紹介します。URL…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP