CSS filter detailed
Introduction to set the transparent level, fuzzy effect, give the text to add hoisting, etc., the effect of the picture can be handled by the picture, and now CSS can be implemented simply and quickly ... then see it.
〓 body 〓
Syntax: style = "Filter: Filtername (fParameter1, fParameter2 ...)" (Filtername is the name of the filter, FParameter1, FParameter2 is the parameter of the filter)
Filter Description:
Alpha: Setting transparent hierarchy, that is, a high-speed moving effect, 即 Fuzzy effect chroma: Make special color transparent Dropshadow: Create a fixed shadow of the object: Create a horizontal mirror image FLIPV: Create a vertical mirror image Glow: Ganghui's side nearby Gray: Gray INVERT: Anti-color Light: Create a light source Mask on the object: Create a transparent mask on the object Shadow: Create Offset Fixed Shadow Wave: Ripple Effect xray: Make the object to be illuminated by X-rays same
1. Filter: Alpha Somety: Style = "Filter: Alpha (Opacity = Opacity, Finishopacity = Finishopacity, Style = style, startx = startx, starty = starty, finishx = finishx, finishy = finishy) Description: Opacity: Start Value, the value is 0 ~ 100, 0 is transparent, 100 is the original image. Finishopacity: Target value. Style: 1 or 2 or 3 StartX: Arbitrary Value Starty: Arbitrary Value: Filter: Alpha (Opacity = "0", Finishopacity = "75", Style = "2")
2, filter: blug syntax: style = "filter: blur (add = add, direction = direction, stregth = strength)" Description: Add: generally 1, or 0. Direction: angle, 0 ~ 315 degrees, step size is 45 degrees. Stregth: The value of the effect grows, generally 5. Example: Filter: blu (add = "1", direction = "45", stregth = "5")
3, filter: chroma syntax: style = "filter: chroma (color = color)" Description: Color: #RRGGBB format, arbitrary. Example: Filter: chroma (color = "# ffffff")
4, filter: Dropshadow syntax: style = "filter: Dropshadow (color = color, offx = offx, offy = offy, positive = posTIVE)" Description: Color: #RRGGBB format, 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, strongth = streg") Description: Color: Luminous color. Stregth: Intensity (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 =" # fffe0 ")
11, Filter: Shadow Syntax: Filter: Shadow (Color = Color, Direction = Direction) Description: 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, stregth = strength) Description: Add: generally 1, or 0. FREQ: Deformed value. Lightstregth: Percentage of deformation. Phase: Percentage of angle deformation. Strength: Deformation intensity. Example: Filter: Wave (Add = "0", Phase = "4", FREQ = "5", LightstRength = "5", Stregth = "2") 13, Filter: XRAY Syntax: Style = "Filter: xray "Example: Filter: xray
