Web制作現場に便利なbox-shadowのCSSを紹介しているWebサービス 『CSS Scan』

Web制作現場に便利でよく使われる

box-shadowのCSSを紹介している「CSS Scan」

美しいデザインのbox-shadowを一覧表示して

使いたいモノはクリックで簡単にコピペできます。

cssscan2

CSS Scan リンク先はこちらから

cssscan1

上記リンク先を開くとたくさんの

ボックスが表示され、それぞれに色んなbox-shadowが

適用されて表示されます。

ただのボックスでも影を入れる事でアクセント、

陰影をつけて強調できます。

cssscan2

使いたいbox-shadowが見つかったら

クリックするだけで簡単にコピーしてくれます。

あとはその要素のCSSにペーストするだけで

簡単に適用ができます。

cssscan3

box-shadowの適用に上下左右に

細かいパラメータがついていて微妙な違いが

イイ感じのアクセントになります。

cssscan4

ちょっとした影も重宝しそうです。

Web制作現場でこういうサクッと使えるツールは

とても便利です。

  • コメント: 0

去年に流行った洋楽をランキング形式で視聴できるWebサービス 『Last Years Singles』前のページ

CSSで複雑なグリッドデザインも簡単に作成できるWebサービス 『CSS Grid Generator』次のページ

関連記事

  1. Web制作ツール

    レイヤーを重ねて自由にCSS背景を作成できるWebサービス 『L’art du d&ea…

    レイヤーを重ねて自由にCSSで背景を作成できるWebサービス。…

  2. Web制作ツール

    そのサイトで使われている配色を調べてくれるWebサービス 『Colours』

    URLを入力するだけでサイトで使われている配色を調べて表示して…

コメント

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

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

こんな人が書いてます

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

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

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

最近の記事

PAGE TOP