IE中CSS滤镜(filter)效果

• 波纹效果
• 灰度化
• X光底片
• 反色
• 垂直翻转
• 水平翻转
• 模糊效果
• 透明化
• 光源
  • addCone
  • addPoint
  • addAmbient
• 原始图片
• 发光
• 阴影
• 影子

图片滤镜效果

波纹效果

filter:Wave(add=true,freq=3,lightstrength=100,phase=25,strength=5)

灰度化

filter:Gray

X光底片

filter:Xray

反色

filter:Invert

垂直翻转

filter:FlipV

水平翻转

filter:FlipH

模糊效果

filter:Blur(Add='1',Direction='45',Strength='5')

透明化

filter:Alpha(Opacity='50')

光源

filter:progid:DXImageTransform.Microsoft.Light()

addCone(50, 50, 300, 360, 360, 255, 255, 0, 60, 90)

addPoint(100, 100, 300, 255, 255, 0, 80)

addAmbient(255, 255, 0, 80)

原始图片

文字滤镜效果

发光

filter:Glow(color=#0000FF,strength=5);

发光文字

阴影

filter:Shadow(color=#0000FF,direction=45)

阴影文字

影子

filter:DropShadow(OffX=3,OffY=2,Color=#0000FF,Positive=true)

文字影子

<<Back home  Naked(no css) site by Lagtan#gmail.com.