戻る
CSSシャドウと角丸
カラー・配色
読み込み中
ツールを読み込んでいます
ツールのコードは開いたときにのみ読み込まれます。
このツールの処理はすべてブラウザー内で行われ、入力内容はサーバーへ送信されません。
このツールについて
ブラウザー内で動作するCSSシャドウと角丸の生成ツールです。2層シャドウ、枠線、角丸を調整し、生成したスタイルをコピーできます。
主な用途
- カード、ボタン、オーバーレイ用のbox-shadowをすばやく作成する。
- 枠線、角丸、シャドウの組み合わせをプレビューする。
使い方
- 1.プリセットを選ぶか、2層のシャドウを調整します。
- 2.背景、枠線、角丸を設定してプレビューを確認します。
- 3.生成されたCSSをコピーしてプロジェクトで使用します。
制限と注意事項
- プレビューは固定のサンプルカードを使用し、サイトのテーマは変更しません。
よくある質問
複数のシャドウを生成できますか？
はい。2層のシャドウを個別に設定し、オフセット、ぼかし、拡散、色、透明度、内側表示を調整できます。
入力はアップロードされますか？
いいえ。設定、プレビュー、CSSは現在のブラウザー内で生成されます。