簡単!! CSSでグラデーションを作りたい時に便利なWebサービス 『Blend』

CSSでグラデーションを作るときに便利なWebサービス

画面上で2色を選択してプレビューしてコードを発行してくれます

あれこれ悩むよりも画面で直感で選ぶことが出来ます

blend3

Blend リンク先はこちらから

blend1

まずは左右から色を選択します

両方の色を選択出来れば真ん中のボタンを

クリックすればグラデーション表示されます

blend2

グラデーションの境界線、割合を変更する事も可能です

細かな作業ですが、プレビューしながら

グラデーションが作れれば便利です

blend4

プレビュー時に<>ボタンをクリックすれば

CSSコードが表示されます

各種ブラウザに対応したコードが発行されます

Webページの背景やボタンなどの装飾に

便利なWebサービスです

  • コメント: 0

Webページを好きな色に!! 見やすい色に変更したりWebサイト配色チェックに便利なChrome拡張機能 『Colordrop』前のページ

波や風速、天気が分かるサーファー向けなWebサービス 『WINDRIA』次のページ

関連記事

  1. Tips

    CSSファイルの圧縮でサイトの表示速度はどれだけ変わるのか実験

    このブログで実験してみましたCSSの圧縮でサイトの読込速度の短…

  2. Web制作ツール

    そのサイトで使われている配色を調べてくれるWebサービス 『Colours』

    URLを入力するだけでサイトで使われている配色を調べて表示して…

  3. Web制作ツール

    URLを指定だけでイメージ画像を挿入できる便利なWebサービス 『Placemat』

    Web制作時などに仮でイメージ画像、プレースホルダーを挿入ができる…

  4. Web制作ツール

    サイトのSEO診断してくれるWebサービス SEOが気になる方は試してみては 『BIGWebstat…

    Webサイトの様々な情報をURLを入力するだけで教えてくれるWebサー…

  5. Web制作ツール

    登録不要!! IE5.5、IE6~IE10のサイト表示チェックが出来るWebサービス IENetRe…

    IEのサイトチェックに便利なWebサービスでURLを入力するだけで使え…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP