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のデザイン向上に!! CSSエフェクトをコピペで使えるWebサービス 『CSSFX』

    ちょっとしたアクセントやマウスオーバーにアニメーションするCSSを…

  2. Web制作ツール

    オシャレなスクロールバーをCSSでカスタマイズできるWebサービス 『Custom Scrollba…

    オシャレなスクロールバーをCSSでカスタマイズできるWebサービス…

  3. Web制作ツール

    Webサイト制作に便利!! 画面サイズを確認出来るWebサービス 『Screenfly』 色々な解像…

    Webサイト制作時に何かと面倒な画面サイズの確認作業最近ではI…

  4. Web制作ツール

    WordPressのテーマを調べてくれるWebサービス 『What WordPress Theme …

    お気に入りのブログや気になるブログのWordpressのテーマ…

コメント

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

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

最近の記事

PAGE TOP