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

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

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

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

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

Box Shadow Generator リンク先

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

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

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

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

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

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

box-shadowでも設定次第で

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

複数の適用も可能です。

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

適用してみました。

試してみましたが

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

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

作れそうです。

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

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

Webサービスです。