CSS Style Filter Tuto

xiaoxiao2021-03-06  80

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 of 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

转载请注明原文地址:https://www.9cbs.com/read-121767.html

New Post(0)