Recommend a CSS filter commonly used filters properties and sentence Encyclopedia _ Basic Tutorial

Filter properties and sentence Encyclopedia of the filter used in CSS

Grammar: style= "Filter:filtername (Fparameter1, fparameter2 ...)"
(FilterName is the name of the filter, Fparameter1, Fparameter2, etc. are parameters of the filter)

Filter Description:

Alpha: Setting the transparency level
Blur: Create a high speed move effect, i.e. blur effect
Chroma: Make special color transparent
DropShadow: Creating a fixed shadow of an object
FLIPH: Create a horizontal mirrored picture
FLIPV: Create a vertical mirrored picture
Glow: Gaguang on the edge of nearby objects
Gray: Grayscale the picture
Invert: Anti-color
Light: Creating a light source on an object
Mask: Create a transparent mask on an object
Shadow: Create Offset fixed Shadow
Wave: Ripple Effect
Xray: Make an 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 is transparent, 100 is the original.
Finishopacity: Target value.
Style:1 or 2 or 3
STARTX: Any value
Starty: Any value
Example: Filter:alpha (opacity= "0", finishopacity= "a", style= "2")

2, Filter: Blur
Syntax: style= "filter:blur (add = Add, Direction = Direction, strength = strength)"
Description
ADD: generally 1, or 0.
Direction: Angle, 0~315度, step is 45 degrees.
Strength: The effect of the growth of the value, generally 5 can be.
Example: Filter:blur (add= "1", direction= "", strength= "5")

3, Filter: Chroma
Syntax: style= "filter:chroma (color = color)"
Description: Color: #rrggbb格式, arbitrary.
Example: Filter:chroma (color= "#FFFFFF")

4, Filter: 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, 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)"
Description
Color: glowing colors.
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)
Description
Color: #rrggbb格式.
Direction: Angle, 0-315 degrees, step to 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)
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, Filter: Xray
Syntax: style= "Filter:xray"
Example: Filter:xray

14. Color change
Grammar:
Filter:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0, startcolorstr= ' #B5CCFA ', endcolorstr= ' #B5CCFA ' );