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

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

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

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

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

cssshadow3

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

cssshadow1

画面上部にCSSのbox-shadowを

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

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

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

cssshadow3

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

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

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

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

cssshadow4

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

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

cssshadow5

コピーされたCSSを

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

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

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

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

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

コメント

コメントする

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

目次