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サービスです。

  • コメント: 0

無料でバックアップやクローン、復元ができる日本語対応ソフト 『Hasleo Backup Suite Free』前のページ

Webページ全体の配色を提案してくれるWebサービス 『Goodpalette』次のページ

関連記事

  1. Web制作ツール

    Webページのフォントを自由に変更してプレビューできるWebサービス 『Font Fit』

    Webページの好きな場所のフォントを変更してプレビューする事が…

  2. Web制作ツール

    高機能なCSSでグラデーションが作れるWebサービス 『Grad3』

    CSSでグラデーションが作成できるWebサービス細かく設定が可…

  3. Web制作ツール

    美しいグラデーションを紹介、CSSをコピーできるWebサービス 『Gradient King』

    美しいグラデーションを紹介、CSSを1クリックでコピーして使う事が…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

こんな人が書いてます

子供のころからパソコンや電子機械が好きでコンピュータ専門学校を卒業後にIT関連企業に勤めております。

企業や個人のネットワーク構築やパソコントラブル対応、ホームページ制作、システム開発などITに関する仕事を数多く対応しています。

Twitterでこのブログの投稿や日々の出来事などをつぶやいています。Twitter:@mogeringo

最近の記事

PAGE TOP