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

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

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

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

blend3

Blend リンク先はこちらから

blend1

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

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

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

blend2

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

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

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

blend4

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

CSSコードが表示されます

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

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

便利なWebサービスです

  • コメント: 0

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

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

関連記事

  1. Web制作ツール

    Webページの高速化の仕方を教えてくれるPage Speed Online URLを入力するだけで細…

    Webページの高速化というのは結構苦労する所だと思いますこのブ…

  2. Web制作ツール

    WordPressプラグインをオシャレに紹介しているWebサービス 『WPぷらコレ!』

    Wordpressのプラグインを分かりやすく紹介しているWebサービス…

  3. Web制作ツール

    サイトがレスポンシブデザインに対応かを調べる事が出来るWebサービス 『Am I Responsiv…

    様々なデバイス、画面解像度からのアクセスに自分のサイトが正常に…

  4. Web制作ツール

    ショートカット操作ガイドの画像を生成できるWebサービス 『KCaps』

    ショートカット操作ガイドの画像を生成できるWebサービス。よく…

  5. Web制作ツール

    サイト構築に必要な.htaccessが簡単に作成出来るWebサービス 「.htaccess作成」 w…

    サイトの構築の際にセキュリティーやwww正規表現やリダイレクト設定など…

コメント

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

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

こんな人が書いてます

子供のころからパソコンや電子機械が好きでコンピュータ専門学校を卒業後にIT関連企業に勤めております。

企業や個人のネットワーク構築やパソコントラブル対応、ホームページ制作、システム開発などITに関する仕事を数多く対応しています。

Twitterでこのブログの投稿や日々の出来事などをつぶやいています。Twitter:@mogeringo

最近の記事

PAGE TOP