filterプロパティのShadow()は、ぼかしのある影をつける際に使用します。
filter:shadow()の書式で指定する場合には、paddingプロパティで影部分のスペースを確保してやる必要があります。
p.sample1 img {
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=10, Direction=135);
}
p.sample2 img {
filter:Shadow(Color=#cccccc, Strength=10, Direction=135);
padding:10px;
}
<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
<p>
filterプロパティを適用していない画像<br>
<img src=”https://www.htmq.com/wp-content/themes/htmq/htmq-images/kaeru.gif”>
</p>
<p class=”sample1″>
フィルタ効果Shadow()<br>
<img src=”https://www.htmq.com/wp-content/themes/htmq/htmq-images/kaeru.gif”>
</p>
<p class=”sample2″>
フィルタ効果Shadow()<br>
<img src=”https://www.htmq.com/wp-content/themes/htmq/htmq-images/kaeru.gif”>
</p>
</body>
</html>
filterプロパティを適用していない画像
フィルタ効果Shadow()
フィルタ効果Shadow()