Webページ背景に!! 画像からグラデーションが作成・CSS出力してくれるWebサービス 『Unique gradient generator』



画像からユニークなグラデーションを作成

CSS出力してくれるWebサービス

サンプル画像や手持ちの画像からグラデーションを

作成することが出来ます

uniquegradi3

Unique gradient generator リンク先はこちらから

uniquegradi1

右上のコントロールがあり設定が可能です

XYで移動、areaで分割の度合いなどの設定が出来ます

uniquegradi2

XYで移動、カーソルで移動すると様々なグラデーションが

表示されます

uniquegradi4

右下からサンプル画像の読込、アップロード画像などで

それを元にグラデーションの生成が可能です

uniquegradi5

気に入った場所で「Generate CSS」をクリックすると

CSSコードが表示されますので

Webページなどに貼り付ければ完成です

ちょっと変わったグラデーションを作りたい方は

一度試してみては如何でしょうか

  • コメント: 0

関連記事

  1. Web制作ツール

    HTMLコードをコピペするだけでスタイルシートを自動生成してくれるWebサービス 『OneClick…

    HTMLコードを貼り付けるだけでスタイルシートを自動生成してくれるWe…

  2. Web制作ツール

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

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

  3. Web制作ツール

    ロゴ作成ジェネレーター 日本語OKでフリーなサービスを3つ紹介

    ブログやホームページなどのロゴ作成に役立ちそうなフリーでかつユ…

  4. Web制作ツール

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

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

コメント

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

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

最近の記事

PAGE TOP