由于这些滤镜特效应用到网页上时,必须结合CSS的样式属性来控制,因此又称之为:多媒体样式特效
基本的Filter样式:
1、filter:滤镜名称 (参数设定)如:
这是一个定义在HTML标记内的样式
<IMG ID=sample SRC="sample.jpg" SYTLE="Filter:Blur(strength=50)">
也可以将Filter样式定义成类别:
.imgblur {Filter:Blur(strength=50)}
组合的Filter样式
Filter样式属性可以一次设定多个滤镜。单一滤镜也能设定多个参数。这时要注意下以下事项:
1、同时使用多个滤镜效果时,前后滤镜名称之间要空一格 如:
<IMG SRC="sample.jpg" STYLE="Filter: alpha(opacity=50) FlipH() Blur(amount=10)">
2、单一滤镜内设定多个参数,参数之间要以逗号(,)分隔。如:
<IMG id=sample SRC="sample.jpg" STYLE="Filter:alpha(opacity=50, FinishOpacity=100, style=2)">
3、Filter和其他CSS样式之间要以分号(;)分隔。如:
<IMG id=sample SRC="sample.jpg" STYLE="Filter:alpha(opacity=50) FlipH(enabled=0) Blur(amount=10); position:relative">
可应用Filter的HTML标记
BODY BUTTON DIV IMG INPUT MARQUEE SPAN TABLE TD TEXTAREA TFOOT TH THEAD TR
自己试试看,可以做出有创意的网页!
|