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

Web Information

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

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

[ads_center]

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

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

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

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

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

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

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

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

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

小さいアイコン

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

スライドバー

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

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

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

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

関連記事

  1. Web Information

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

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

  2. さくらレンタルサーバーからエックスサーバーへの移転手順

    Web Information

    さくらレンタルサーバーからエックスサーバーにWordPressを移転する手順

    自分が管理運営している、あるWordPressサイトのサーバー移転が無…

  3. Web Information

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

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

  4. Web Information

    Google検索を英語だけの結果で表示させる簡単な方法

    Google検索をする時に日本であまり情報が少ないものを検索することが…

  5. Web Information

    タイポグラフィを向上させるjQueryプラグイン15

    テキストやタイポグラフィに関する機能を向上させてくれる15のjQuer…

最近の記事

  1. 蒼龍唐玉堂 特製牛バラ担々麺
  2. サーモンアボカドサラダラップとドリップ
  3. 猿田彦フレンチ
  4. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  5. ビジネスホテル

アーカイブ

PAGE TOP