<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>投影(DropShadow)滤镜</title>
</head>
<body>
<h1>投影滤镜展示用于图片</h1>
<ul>相关参数介绍:
<li>1.enbaled:设置滤镜是否激活</li>
<li>2.color:指定滤镜产生的阴影颜色</li>
<li>3.offx:指定阴影水平方向上的偏移量,默认为5px</li>
<li>4.offy:指定阴影垂直方向上的偏移量,默认为5px</li>
<li>5.positive:指定阴影透明效果,为布尔值,true(1)表示为任何非透明像素建立可见的阴影。false(0)表示为透明的像素部分建立透明效果</li>
</ul>
<ul>相关实例
<p style="filter:DropShadow(color=gray,offx=10,offy=10,positive=1);"><img src="img/11.jpg"></p>
</ul>
<h1>用于相关的文字</h1>
<ul>
<!-- 无显示效果
<li><p style="filter:drop-shadow(5px 5px 0px blue);">这是一个阴影效果</p></li> -->
<li><p style="filter:DropShadow(color=gray,offx=10,offy=10,positive=1);">这是一个阴影效果</p></li>
</ul>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>投影(DropShadow)滤镜</title>
</head>
<body>
<h1>投影滤镜展示用于图片</h1>
<ul>相关参数介绍:
<li>1.enbaled:设置滤镜是否激活</li>
<li>2.color:指定滤镜产生的阴影颜色</li>
<li>3.offx:指定阴影水平方向上的偏移量,默认为5px</li>
<li>4.offy:指定阴影垂直方向上的偏移量,默认为5px</li>
<li>5.positive:指定阴影透明效果,为布尔值,true(1)表示为任何非透明像素建立可见的阴影。false(0)表示为透明的像素部分建立透明效果</li>
</ul>
<ul>相关实例
<p style="filter:DropShadow(color=gray,offx=10,offy=10,positive=1);"><img src="img/11.jpg"></p>
</ul>
<h1>用于相关的文字</h1>
<ul>
<!-- 无显示效果
<li><p style="filter:drop-shadow(5px 5px 0px blue);">这是一个阴影效果</p></li> -->
<li><p style="filter:DropShadow(color=gray,offx=10,offy=10,positive=1);">这是一个阴影效果</p></li>
</ul>
</body>
</html>