スライダーでbox-shadowを直感的に調整。複数レイヤーを重ねて立体的な影を作成でき、CSSコードをワンクリックでコピーできます。
プレビュー
シャドウ 1
生成コード
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
※本ツールの結果はあくまで参考値です。正確性を保証するものではありません。
スライダーでbox-shadowのパラメータを調整し、CSSコードを取得します。
CSS角丸
グラデーション生成