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

Web Information

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

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

[ads_center]

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

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

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

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

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

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

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

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

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

小さいアイコン

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

スライドバー

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

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

関連記事

  1. CSS Dig

    Web Information

    CSSをプロパティから解析してくれるChrome拡張機能「CSS Dig」

    CSS DigというChrome拡張機能を使ってみました。今まであまり…

  2. Web Information

    自分のGoogleアナリティクスコードが勝手に他人のサイトで使われていた時の対処方法

    昨日ふとGoogleアナリティクスを見ていたら、自分の知らないページが…

  3. Gmailの送信メール取り消し設定

    Web Information

    Gmailで送信メールを取り消し(キャンセル)する設定方法

    先日、GmailのWeb版に送信メールの取り消し機能が採用されたのでさ…

  4. Web Information

    iPhoneでWebサイトのソースコードを閲覧・編集できる便利なアプリ「ScriptBrowserP…

    iPhoneでWebサイトのソースコードを確認したかったのでアプリを探…

  5. Reesize

    Web Information

    iPhoneカメラで撮影した画像をリサイズできるアプリ「Reesize」

    iPhoneの画像をリサイズしてくれるアプリはいくつかあるんですが、中…

  6. マウスオーバーでEXIFをチェックできる「EXIF Viewer」

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP