QR コード生成

このツールについて

数値を推測せずにCSSのボックスシャドウをデザインします。水平・垂直オフセット、ぼかし半径、スプレッド、色、インセットフラグをインタラクティブに調整してください。複数のシャドウレイヤーを重ねて洗練された奥行き効果を出せます。ライブプレビューカードが結果を即座に表示し、完全なCSS宣言はいつでもコピーできます。

使い方

1. 1 最初のレイヤーのオフセット、ぼかし、スプレッドのスライダーを調整してください。
2. 2 シャドウの色を選択し、必要に応じてインセットをトグルしてください。
3. 3 「レイヤーを追加」をクリックして、複雑な効果のために追加のシャドウを重ねてください。
4. 4 box-shadowのCSS宣言をコピーしてスタイルシートに貼り付けてください。

よくある質問