Murelio

必要な機能を読み込んでいます。

ボックスシャドウ生成

X/Y offset・blur・spread・opacity・inset・色からCSS box-shadowを作ります。

使い方

  1. 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です。

関連ツール