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. Sticky Notes

    Web Service

    付箋にメモを書いて画面内に複数追加できるChrome拡張機能「Sticky Notes」

    とても便利なChrome拡張機能を見つけたのでご紹介します。画面内にメ…

  2. Web Service

    iPhoneアプリ「Resize Photo」を使って撮った画像を好きなサイズにリサイズする

    iPhoneで撮った画像をリサイズしたい時ってありますよね。Resiz…

  3. Web Service

    ノイズの入ったテクスチャを簡単に作成してくれるジェネレーター「Noise Texture Gener…

    ノイズが入ったテクスチャをとても簡単に作成することができるジェネレータ…

  4. Web Service

    JavaScriptのソースコードを1クリックで簡単に圧縮してくれる「/packer/」を使ってみた…

    JavaScriptのコードを1クリックで簡単に圧縮してくれる便利なツ…

  5. Web Service

    画像を指定すれば色の値を教えてくれるジェネレーター「Color Palette Generator」…

    便利そうだったので使ってみました。画像のURLを指定すれば、その画像に…

最近の記事

  1. F7U070bt
  2. 生きている玄米と玄米酵素ブレンド雑穀
  3. BOOST↑CHARGE Apple Watch用モバイルバッテリー

アーカイブ

PAGE TOP