IEでテキスト・ボックスシャドーに対応


IEでテキストのドロップシャドー、ボックスシャドーに対応してくるスクリプトについてご紹介。
ppBlogさんにて公開されています。

使い方は記事にある通り、外部スクリプトとしてhead内に読み込ませます。

<script type="text/javascript" src="css3shadow.htc"></script>

試しにデモデータを作成してみました。

上記デモのCSS

.entry {
background-color:#EEE;
width:400px;
margin:30px 0px 0px 30px;
-moz-box-shadow: 10px 10px 10px #666666;
-webkit-box-shadow: 10px 10px 10px #666666;
}

.entry h2 {
text-shadow: 2px 2px 2px #666666;
padding:15px 0px 0px 0px;
}

※添付ファイルのリンクは切れているようで、
ページ下部のmartinさんのコメントにてファイルへのリンクが紹介されています。

コメントを投稿する

SPONSORED LINK

CATEGORY

RECOMMEND BOOKS

OTHER

あわせて読みたい

トップへ戻る