cssでドロップシャドウを実現する(IE、firefox、Google Chrome対応) | Web Tips Blog2011.04.27 CSS, コーディング関係, 備忘録 1件のコメント cssでドロップシャドウを実現する(IE、firefox、Google Chrome対応) 画像を使わずにcssでドロップシャドウを実現。技術として可能なのは知ってたけど、「photoshopで加工するほうが慣れてるし早いしいいあー」ってついつい後回しにしてやったことなかったです。でもやっぱできたほうがなにかと便利だということで、やってみたのでここにまとめときます。・・・久しぶりのエントリーです。すみません。 css3を使ってドロップシャドウを実現する まずはcss3を活用した方法。FirefoxやGoogle Chrome、safariなどは、 独自仕様という形でcss3の機能の一部を使えます。 基本はbox-shadowというタグで、 box-shadow: 横方向のずれ 下方向のずれ ぼかし具合 シャドウ
