CSS filter

xiaoxiao2021-04-10  516

Syntax: style = "Filter: Filtername (fParameter1, FParameter2 ...)

(Filtername is the name of the filter, FParameter1, FParameter2 et al. Is the parameter of the filter)

Filter Description:

Alpha: Setting transparent hierarchy

BLUR: Create a high-speed mobile effect, that is, fuzzy effect

Chroma: Making special color transparency

Dropshadow: Creating a fixed shadow of an object

FLIPH: Create a horizontal mirror picture

FLIPV: Create a vertical mirror image

Glow: Ganghui is outside the side of the nearby object

Gray: Gray the picture

Invert: Anti-color

Light: Create a light source on the object

Mask: Create a transparent mask on the object

Shadow: Create an offset fixed shadow

WAVE: corrugated effect

XRay: Make the object like X-rays

1, Filter: alpha

Syntax: style = "Filter: alpha (opacity = Opacity, finishopacity = finishopacity, style = style, startx = startx, starty = starty, finishx = finishx, finishy = finishy)

Description:

Opacity: The start value is 0 to 100, 0 is transparent, 100 is the original image.

Finishopacity: Target value.

STYLE: 1 or 2 or 3

StartX: Arbitrary value

Starty: Arbitrary value

Example: Filter: alpha (Opacity = "0", finishopacity = "75", style = "2")

2, Filter: blur

Syntax: style = "filter: blu (add = add, direction = Direction, streg = strength)"

Description:

ADD: Usually 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, posTIVE = 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", posTIVE = "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 = strength)"

Description:

Color: Luminous color.

Stregth: 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 = "# 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: Usually 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", Strength = "2")

13, Filter: xray

Syntax: style = "filter: xray"

Example: Filter: xray

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

New Post(0)