css教学要点-0111(8)

列表项的复合属性 display:block; 块状方式显示

第十二章 滤镜 通道滤镜

<img src="01.jpg" style="width:200px;height:120px;filter : Alpha(opacity=60 , style=0)" > 模糊滤镜

<img src="02.jpg" style="filter:Blur(add=true,direction=225,strength=20)"> 色彩滤镜：

div{position:absolute;top:70;letf:40; filter:Chroma(color=blue)} 投影滤镜：

<td style="filter: DropShadow(color=gray,offx=10,offy=10,positive=1)"> 水平翻转滤镜：

图片水平翻转<img src="02.jpg" style="Filter:FlipH()"> 垂直滤镜：

<img src="02.jpg" style="Filter:FlipV()">图片垂直翻转 光晕滤镜：

filter:Glow(color=#9966CC,strength=10) 灰度滤镜：

<img src="01.jpg" style="width: 50%;height:50%; filter: Gray()" /> 灰度图 反相滤镜：

<img src="02.jpg" style="width:30%; filter: Invert()" />反相图 遮罩滤镜：

filter:mask(color:#FF9900); 波浪滤镜：

filter:wave(add=true, freq=5, lightStrength=45, phase=20, strength=3); 阴影滤镜：

filter:shadow(color=blue, offx=15, offy=22, positive=flase); x射线： filter:xray; 光照滤镜：

<td id="light" style="filter: light(); width: 200px"> <img src="03.jpg"> </td> 渐隐滤镜：

.blendtrans { filter:blendTrans(Duration=3)} 切换滤镜：

.revealtrans { filter:revealTrans(Transition=10,Duration=3)}