色とデザイン
ボックスシャドウジェネレーター
無料のCSS box-shadowジェネレーター。オフセット、ぼかし、広がり、色、不透明度のスライダーで影をデザインします。複数の影を重ねることも可能。CSSを瞬時にコピー。
Runs in your browser
Box shadow generator
CSS
box-shadow: 0px 10px 30px -10px rgba(59, 130, 246, 0.40);css
編集者注
Understanding · Five numbers. A whole light source.
この詳細な解説章は現在、英語版のみで提供されています。上の変換ツールはあなたの言語で動作しますが、長文の解説記事はまだ翻訳されていません。
よくある質問
Quick answers.
›Can I layer multiple shadows?
Yes — add as many shadows as you want, each with its own offset, blur, spread and color.
›Does it support inset shadows?
Yes — toggle 'inset' to make a shadow appear inside the element instead of outside.
›Does it output Tailwind?
Yes — for common single-shadow patterns. Multi-shadow stacks need custom CSS.
›Is the generator free?
Yes — fully free, no signup.
他の人はこちらも検索しています
関連ツール