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

シンプルでスタイリッシュなLightbox風のjQueryプラグイン「Featherlight」前のページ

スマホでタッチしながら下に引くと背景画像がズームしていくjQueryプラグイン「Pull and Zoom」次のページ

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP