CSS3 ドロップシャドウをIEでも

2010年03月11日（木）

ネタ元
http://www.cssplay.co.uk/menu/css3-shadows.html

以下の記述で、IEとCSS3のブラウザでほぼ同じドロップシャドウができるそうなのですが・・・
記述がめんどくさいですね。
ただ、つかいどころがどこかであるかもなのでメモっておきました。

<style type="text/css">
.container {padding-left:10px;}
.shadow {float:left;}
.frame {position:relative; background:#fff; padding:10px; display:block;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}
.clear {clear:left;}
</style>

Tags: ,
カテゴリ:CSS | Comments Closed

関連記事

CSS3 text-shadowでテキストにシャドウ

2010年01月22日（金）

調べました。
http://gihyo.jp/design/feature/01/css3-approach/0001

text-shadow：　ぼかし色　X方向への距離　Y方向への距離　ぼかしの距離

Tags: ,
カテゴリ:CSS | Comments Closed

関連記事

CSS3 CSSで角丸をつくる

2010年01月22日（金）

すごくいいサイトがありました。
こんなサイトあったんですね。
CSS3 角丸を表現する border-radius | CSS Lecture

引用させて頂きます。

    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */

Tags:
カテゴリ:CSS | Comments Closed

関連記事