CSSで実装可能なグラデーションなshadowを作成できるWebサービス 『CSS Shadow Gradients』

CSSで実装可能な美しいグラデーションな

shadowを作成できるWebサービス。

目を惹く美しいshadowを自由自在に

画面上で作成してCSSコードを出力可能です。

CSS Shadow Gradients リンク先はこちらから

画面上部にCSSのbox-shadowを

自由に作成できるパネルがあります。

XやYの位置、広がりや透過率やブラー強度、

方向や色配分などを自由に設定が可能です。

変更すると画面の下にあるプレビューで

たくさんのプレビューが表示されます。

通常のグレーな影とは違いポップで

明るい印象を作る事ができます。

気に入ったshadowができたらクリックすれば

CSSコードをコピーできます。

コピーされたCSSを

要素に貼り付ければ簡単に適用ができます。

ポップで明るい印象を作る事ができる

カラフルなshadowを自由自在に

Web上で作成できるWebサービスです。