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

Web Information

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

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

[ads_center]

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

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

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

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

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

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

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

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

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

小さいアイコン

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

スライドバー

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

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

New Tab RedirectChromeの最初の画面(新規タブ)をアプリ一覧にする設定方法前のページ

レスポンシブに対応したmasonry風のフリーのWordPressテーマ「Tetris」次のページTetris

関連記事

  1. CSSViewer

    Web Information

    特定の要素のCSSを手軽に確認できるChrome拡張機能「CSSViewer」

    CSSViewerというChrome拡張機能を使ってみました。特定の要…

  2. UI Movement

    Web Information

    さまざまUIを紹介するサイト「UI Movement」

    UI Movementはさまざまな新しいUIを紹介する便利なサイトです…

  3. Web Information

    iPhoneの「選択項目の読み上げ」機能を使ってテキストやメモを音声で聞くやり方

    iPhoneでもテキストやメモを選択して音声で聞くことができるっていう…

  4. Web Information

    ホームページを直感的で簡単に作成できるWixの新エディタを使ってみた【PR】

    プロが作ったようなホームページを簡単に作成できるウェブサイトビルダー「…

  5. ドットナビゲーションスタイル

    Web Information

    ドットナビゲーションスタイルの色んなパターンについて

    よくイメージスライダーの下部なんかに見かけるドットナビゲーション。通常…

  6. MeasureIt

    Web Information

    Webページ上の要素の縦横サイズを計測できるChrome拡張機能「MeasureIt」

    MeasureItはWebページ上の特定の要素の縦横サイズを簡単に計測…

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP