使い方
プレビューを見ながら値を調整し、コードまたは画像を保存します。
🪟
CSS・ウェブデザイン
CSS影・ガラス生成
影とガラス効果を視覚的に調整してCSSをコピーします。
プレビュー
box-shadow: 12px 18px 36px -8px rgba(40, 30, 25, 0.22);
border-radius: 28px;ツールガイド
こんな時に
内容確認日 · 2026-07-23
影とガラス効果を視覚的に調整してCSSをコピーします。
結果を見る前に
ブラウザ対応と表示設定によりプレビューと実際の出力が異なることがあります。
データの取扱い
入力値は現在の画面でのみ使われ、別途送信・保存されません。