Syntax: STYLE="filter:filtername(fparameter1, fparameter2...)"
(Filtername is the name of the filter, fparameter1, fparameter2, etc. are the parameters of the filter)
Filter description:
Alpha: Set transparency level
blur: Create a high-speed movement effect, that is, a blur effect
Chroma: Making dedicated colors transparent
DropShadow: Create a fixed shadow of an object
FlipH: Create horizontal mirror images
FlipV: Create vertically mirrored images
glow: Add glow to the edges of nearby objects
Gray: Grayscale the image
invert: reverse color
light: Create a light source on the object
mask: Create a transparent mask on the object
shadow: Create an offset fixed shadow
wave: ripple effect
Xray: Makes an object look like it has been x-rayed
1. Filter: Alpha
Syntax: STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)"
illustrate:
Opacity: starting value, ranging from 0 to 100, 0 is transparent, and 100 is the original image.
FinishOpacity: target value.
Style: 1 or 2 or 3
StartX: any value
StartY: any value
Example: filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
2. Filter: blur
Syntax: STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
illustrate:
Add: Generally 1, or 0.
Direction: angle, 0 to 315 degrees, step size is 45 degrees.
Strength: The value of effect growth, generally 5 is enough.
Example: filter:Blur(Add="1",Direction="45",Strength="5")
3. Filter: Chroma
Syntax: STYLE="filter:Chroma(Color = color)"
Description: color: #rrggbb format, any.
Example: filter:Chroma(Color="#FFFFFF")
4. Filter: DropShadow
Syntax: STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
Description: Color:#rrggbb format, any.
Offx: X-axis deviation value.
Offy: Y-axis deviation value.
Positive: 1 or 0.
Example: filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")
5. Filter: FlipH
Syntax: STYLE="filter:FlipH"
Example: filter:FlipH
6. Filter: FlipV
Syntax: STYLE="filter:FlipV"
Example: filter:FlipV
7. Filter: glow
Syntax: STYLE="filter:Glow(Color=color, Strength=strength)"
illustrate:
Color: Luminous color.
Strength: Strength (0-100)
Example: filter:Glow(Color="#6699CC",Strength="5")
8. Filter: gray
Syntax: STYLE="filter:Gray"
Example: filter:Gray
9. Filter: invert
Syntax: STYLE="filter:Invert"
Example: filter:Invert
10. Filter: mask
Syntax: STYLE="filter:Mask(Color=color)"
Example: filter:Mask (Color="#FFFFE0")
11. Filter: shadow
Syntax: filter:Shadow(Color=color, Direction=direction)
illustrate:
Color: #rrggbb format.
Direction: angle, 0-315 degrees, step size is 45 degrees.
Example: filter:Shadow (Color="#6699CC", Direction="135")
12. Filter: wave
Syntax: filter: Wave(Add=add, Freq=freq, LightStrength=strength, Phase=phase, Strength=strength)
illustrate:
Add: Generally 1, or 0.
Freq: deformation value.
LightStrength: deformation percentage.
Phase: Angle deformation percentage.
Strength: deformation strength.
Example: filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")
13. Filter: Xray
Syntax: STYLE="filter:Xray"
Example: filter:Xray
14.Color changes
grammar:
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B5CCFA', EndColorStr='#B5CCFA');