ボックスシャドウ生成
X/Y offset・blur・spread・opacity・inset・色からCSS box-shadowを作ります。
使い方
- controlsを調整します。
主な機能と処理範囲
HEXをrgba alphaへ変換し1 declarationにします。
処理の仕組み
inset optional shadow syntaxを生成します。
例
例: 0 12px 24px 0・opacity 35%で下方向のsoft shadowを作れます。
こんな場面で便利
- card shadow調整に
利用前の確認
- multiple layer/filter drop-shadowは非対応です。
よくある質問
HEX alpha出力?
いいえ。rgbaです。