Back to Tools
CSS Shadow Generator
Design box-shadow CSS with live preview and presets
100% FreeRuns in your browserNo sign-up
About this tool
ビジュアルエディターで完璧なCSS box-shadowを作成します。Material Design、Soft UI、ニューモーフィズムのプリセットから始めるか、ゼロから独自に構築します。複数のシャドウレイヤーを重ね、オフセット、ぼかし、広がり、色を調整し、リアルタイムで変更を確認します。aukimi Inkwellのモックアップやライブウェブサイト用にCSSをワンクリックでコピーできます。 Part of aukimi Inkwell.
Features
- Material、Soft UI、カスタムプリセット
- 複数のシャドウレイヤー
- 調整可能なオフセット、ぼかし、広がり、色
- カスタマイズ可能な形状でのライブプレビュー
- ワンクリックでCSSコピー
Use cases
カードとパネルのシャドウスタイルニューモーフィズムUIデザインエレベーションシステムのプロトタイピング
Found this useful? Share it
Help others discover free creative tools
Create a free account to remove watermarks
Save your work, access the full creative suite, and export without watermarks.
Want more power?
Try aukimi Inkwell
レイヤー、マスク、フィルター、フルタブレットサポートを備えたプロフェッショナルなビットマップ編集。