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制作現場でこういうサクッと使えるツールは

とても便利です。

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

コメント

コメントする

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

目次