最高品質で美しいBox-Shadowを作成、CSSコードを出力するWebサービス 『Smooth Shadow』

最高10枚の影を付加して美しいBox-shadowを
作成できるWebサービス。
何層も重ねて細かいパラメータを付加して
より美しい影をCSSコードで生成可能です。

リンク先

Smooth Shadow リンク先はこちらから

使い方

画面中央にはプレビューウィンドウが大きく表示され、右側には細かいパラメータが並んでいます。
プレビューウィンドウの真ん中にはCSSコードが出力されています。

影のレイヤー数や影の生成位置、影の強さやブラーの強さなどを細かくパラメータで調整が可能。
かなり細かい調整が可能です。

レイヤー数2枚だとこんな感じですが、

レイヤーを10枚にするとより滑らかに美しい影が出来上がりました。

パラメータの調整でこだわりの影を作り出すことができます。
CSSだけで生成可能です。