CSS Filters
Style Property:
can be applied in tags, more widely used in <table><tr><td><body>
<center><input><font><form><frame><label><map> and so on label,
More importantly, it can be used in labels.
Page Toggle Effect:
Add "" to the front and top of the page
Description: Duration for the page switching time length, 3.000 for 3 seconds, generally can be directly lost
into 3 can be; transition for the switching effect, from 1-23 total of 22 different switching effects, of which 23
As a random effect.
Filter Effect:
Photoshop filters use a lot of it, in the page also use filters to make a new meaning it!
Syntax: style= "Filter:filtername (Fparameter1,fparameter2 ...)}"
(FilterName is the name of the filter, Fparameter1, Fparameter2, etc. are parameters of the filter)
Filter Description:
Alpha: Sets the transparency level.
Blur: Create a high speed move effect, i.e. blur effect.
Chroma: Make the special color transparent.
DropShadow: Creates a fixed shadow of an object.
FLIPH: Create a horizontal mirrored picture.
FLIPV: Create a vertical mirrored picture.
Glow: Gaguang is outside the edge of the nearby object.
Gray: Grayscale the picture.
Invert: anti-color.
Light: Creates a light source on an object.
Mask: Creates a transparent mask on an object.
Shadow: Create offset fixed shadow.
Wave: ripple effect.
Xray: Make the object appear to be X-rays.
1. Filters: Alpha
Grammar:
Style= "Filter:alpha (Opacity=opacity,finishopacity=finishopacity,style=style,
Startx=startx,starty=starty,finishx=finishx,finishy=finishy) "
Description
Opacity: Starting value, the value is 0-100,0 to transparent, 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= "," style= "2")
2. Filters: Blur
Grammar:
Style= "Filter:blur (Add=add,direction=direction,
Strength=strength) "
Description
ADD: generally 1, or 0.
Direction: Angle, 0-315 degrees, step to 45 degrees.
Strength: The effect of the growth of the value, generally 5 can be.
Example: Filter:blur (add= "1", direction= "", strength= "5")
3. Filters: Chroma
Grammar:
Style= "Filter:chroma (Color=color)"
Description
Color: #rrggbb格式, arbitrary.
Example: Filter:chroma (color= "#FFFFFF")
4. Filters: DropShadow
Grammar:
Style= "Filter:dropshadow (color=color,offx=offx,offy=offy,positive=positive)"
Description
Color: #rrggbb格式, arbitrary.
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. Filters: Fliph
Grammar:
Style= "Filter:fliph"
Example: Filter:fliph
6. Filters: FLIPV
Grammar:
Style= "FILTER:FLIPV"
Example: FILTER:FLIPV
7. Filters: Glow
Grammar:
Style= "Filter:glow (color=color,strength=strength)"
Description
Color: glowing colors.
Strength: Strength (0-100)
Example: Filter:glow (color= "#6699CC", strength= "5")
8 Filter: Gray
Grammar:
Style= "Filter:gray"
Example: Filter:gray
9. Filters: Invert
Grammar:
Style= "Filter:invert"
Example: Filter:invert
10. Filters: Mask
Grammar:
Style= "Filter:mask (Color=color)"
Example: Filter:mask (color= "#FFFFE0")
11. Filters: Shadow
Grammar:
Filter:shadow (color=color,direction=direction)
Description
Color: #rrggbb格式.
Direction: Angle, 0-315 degrees, step to 45 degrees.
Example: Filter:shadow (color= "#6699CC", direction= "135")
12. Filters: Wave
Grammar:
Filter:wave (Add=add,freq=freq,lightstrength=strength,phase=phase,
Strength=strength)
Description
ADD: generally 1, or 0.
Freq: Deformation value.
Lightstrength: percent of deformation.
Phase: Percentage of angular distortion.
Strength: Deformation strength.
Example: Filter:wave (add= "0", phase= "4", freq= "5", lightstrength= "5", strength= "2")
13. Filters: Xray
Grammar:
Style= "Filter:xray"
Example: Filter:xray
