これだけでデザイン力アップ間違いなし!CSS3で作るBox Shadowエフェクト徹底解説最近はフラットデザインに押されて急速に使われなくなった感があるCSS3エフェクトなんですが、こうも使わないと忘れちゃいそうなので、今回はCSS3で作るエフェクトの再勉強を兼ねて記事を書いていきたいと思います。 初めに引用元を紹介します Paulund 例のボックスシャドウなんですが2012年このサイトのエフェクトは日本に居るweb系の人ならば一度は見ているくらい有名になったんじゃないでしょうか? 敬意を込めて引用させて頂きます。 目次に戻る CSS ボックスシャドウエフェクト - デモ & 解説 8種類のエフェクトがどう記述されていて、それがどう表示されているのかを解説していきます。 まず初めに、そのエフェクトをかけるボックスのCSSを見て下さい。 .box { background: none repeat scroll 0 0 #F3F3F3; border-radius: 2px 2
