Box Shadow

Web Service

CSSでボックスシャドウを作成してくれるジェネレーター「Box Shadow」

CSSでボックスシャドウを簡単に作成できるジェネレーター「Box Shadow」がとても便利だったのでメモがてらご紹介します。シャドウの位置やボカシの強弱などのバーを動かしながら自分にとって最適なボックスシャドウを作り込んでいくことができます。CSSコードもバーを動かす度にリアルタイムで切り替わっていくのがいいですね。

[ads_center]

Box Shadowの使い方

左側にあるバーを弄りながらボックスシャドウを調整していくことができます。使い方自体はとても簡単です。

Box Shadowの使い方

出来上がったら、右側にあるCopy Textというボタンをクリックすると、CSSのコードがコピーされます。

Box Shadowの使い方

とても手軽にCSSでボックスシャドウが作れるので、こういったジェネレーターを活用することで手間も省けて効率的ですね。

Box Shadow CSS Generator | CSSmatic

関連記事

  1. Web Service

    iPhoneからWordPressの記事を投稿、編集できるアプリ「するぷろ for iPhone」を…

    このブログはワードプレスを使っているのですが、最近iPhoneから直接…

  2. Web Service

    コピペチェックツールに最適!テキスト比較でどこが違うか発見できる「difff《デュフフ》」

    これはコピペチェックツールとして最適ですね。2つの文章を比較してどこが…

  3. Web Service

    Macでテキストをコピーした際にプレーンテキストにしてくれるアプリ「FormatMatch」

    Macでテキストなどをコピーしてエバノートなんかに貼り付けると余計な装…

  4. timeanddate.com
  5. CSS Button Generator

    Web Service

    シンプルでお洒落なCSSボタンを作成できる「CSS Button Generator」

    とても良さそうだったので使ってみました。シンプルでお洒落なCSSボタン…

  6. Web Service

    現在見ているページのタイトルとURLを1クリックでコピーできるChrome拡張機能「Copy Tit…

    とても便利そうだったので試してみました。現在見ているページのタイトルと…

最近の記事

  1. プラスシェル シティ04 フォールディングカメラケース
  2. enerpad AC-27KS
  3. KMS-160

アーカイブ

PAGE TOP