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

Web Information

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

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

[ads_center]

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

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

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

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

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

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

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

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

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

小さいアイコン

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

スライドバー

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

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

関連記事

  1. Reesize

    Web Information

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

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

  2. Googleブログ検索

    Web Information

    Googleブログ検索がなくなったと思ったらまだちゃんとあった

    Googleブログ検索を検索結果ページから絞り込んでよく利用していたん…

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

    Web Information

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

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

  4. Macでcommand + Zを元に戻す

    Web Information

    Macでcommand + Zで戻ったものを再度元に戻すショートカットキー

    何気にこれは覚えておくべきだなーと思ったので、メモがてらご紹介します。…

  5. Web Information

    今後もお世話になりそうな無料写真素材サイトをまとめてみた

    無料の写真素材サイトってたくさんあって迷っちゃうっていう人は結構いるか…

  6. Videolicious

    Web Information

    iPhoneで動画を複数つなぎ合わせて簡単に作品を制作できるアプリ「Videolicious」

    iPhoneで複数の動画を簡単につなぎ合わせて作品を制作することができ…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP