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