Web制作者向け!! プレビューを見ながらCSSのbox-shadowを作れるWebサービス 『Box Shadow Generator』

プレビューを見ながらCSSの

box-shadowを作れるWebサービス。

CSSコードでイメージしながらだと

難しいですが、これを使えば簡単です。

boxshadow6

Box Shadow Generator リンク先

boxshadow1

画面中央にプレビューウィンドウが

表示されて確認しながら作ることができます。

左側にはbox-shadowのCSS項目が

並んでいて調整できます。

boxshadow2

このアイコンをクリックすると

テンプレートを読み出す事ができます。

boxshadow3

box-shadowでも設定次第で

色んな影を創り出す事ができます。

boxshadow4

複数の適用も可能です。

色を変えて分かりやすく複数の設定を

適用してみました。

試してみましたが

10個以上でも適用できるようです。

boxshadow6

box-shadowを使って面白いものも

作れそうです。

視覚的に分かりやすくCSSの

Box-shadowが作れるWeb制作者向けな

Webサービスです。

  • コメント: 0

世界中をドライブ気分で旅できるWebサービス 『Virtual Driving Tour』前のページ

簡単そうで難しいJavaScriptクイズ Web開発で必要な知識が試されるWebサービス 『JavaScript Quiz』次のページ

関連記事

  1. Web制作ツール

    デザインの参考に!! Webなど様々なシーンのデザインの参考になるWebサービス 『UpLabs』

    なかなか考えても難しいデザインそんなデザインの参考になるWeb…

  2. Web制作ツール

    シンプルにWebサイトの表示速度を計測してくれるPingdom サイトの表示速度改善に役に立ちます

    Webサイト・ブログなどの表示速度は結構重要な要素となってきつつありま…

  3. Web制作ツール

    ロゴ作成の参考になるかも 簡単にロゴが作成可能なWebサービス 『Squarespace logo』…

    ロゴが簡単に作成可能なWebサービス日本語も可能でシンプルに簡…

  4. Web制作ツール

    世界中からサイトの表示速度を計測してくれるWebサービス 『FAST OR SLOW』

    世界中からサイトの表示速度を計測してくれるWebサービス。世界…

コメント

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

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

最近の記事

PAGE TOP