#000000
透明度20 %
box-shadowジェネレーター
スライダーを動かして影を調整。複数の影を重ねてリッチなエフェクトをコピーしてすぐ使えます
box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.20);使い方
- 各スライダーを動かして影の位置・ぼかし・色を調整しよう
- 「＋ レイヤーを追加」で影を重ねて、リッチなエフェクトを作ろう（最大5層）
- 「📋 CSSをコピー」ボタンでコードをコピーして、自分のスタイルシートに貼り付けよう！
スライダーを動かして影を調整。複数の影を重ねてリッチなエフェクトをコピーしてすぐ使えます
box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.20);