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

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

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

リンク先

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

使い方

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

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

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

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

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

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

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

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

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

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

よかったらシェアしてください!

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次