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サービスです。

よかったらシェアしてください!
  • URLをコピーしました!

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次