🔲
Box Shadow ジェネレーター
CSS box-shadow 値を生成し、ライブプレビューで確認。オフセット、ぼかし、広がり、色、内側の影をカスタマイズ可能。一般的なシャドウスタイルのプリセット付き。
CSS/スタイル
10,500
-50
50
-50
50
0
100
-50
50
0%
100%
プレビュー
box-shadow: ;
関連ツール
🎨
背景パターンジェネレーター
CSS/スタイル
15.6k
👁️
CSS 背景フィルタープレビュー
プレビュー
12.8k
✂️
Clip Path ジェネレーター
CSS/スタイル
12.5k
🏷️
バッジ生成ツール
CSS/スタイル
11.0k
👁️
CSS Gradient Preview
プレビュー
10.0k
🎨
CSS color-mix()実験ツール
カラー
10.0k
📖
CSS Animation Properties Ref
リファレンス
10.0k
⚙️
CSS Animation ジェネレーター
ジェネレーター
10.0k
⚙️
CSS Art Ideas ジェネレーター
ジェネレーター
10.0k
🎯
CSSセレクターテスター
検証ツール
10.0k
🌈
インタラクティブグラデーション構築
カラー
10.0k
🔍
CSS Media Query Explorer
ブラウザ/ビューア
10.0k
⚙️
CSS Position Generator
ジェネレーター
10.0k
🔧
CSS Vendor Prefix Checker
検証ツール
10.0k
📖
CSS Pseudo-Elements Reference
リファレンス
10.0k
🧊
CSS 3D Transform エクスプローラー
3D ツール
10.0k