CSS filters filter explain
CSS filters filter explain
Syntax: STYLE = "filter: filtername (fparameter1, fparameter2 …)"
(Filtername filters for the name, fparameter1, fparameter2 are the filter parameters)
Filter:
Alpha: Setting up a transparent level
Blur: creating a high-speed mobile effects that blur effects
Chroma: Production for transparent color
DropShadow: Creating a fixed object shadow
FlipH: Create mirror images of
FlipV: creating a vertical mirror images
Glow: Canada brilliant objects in the vicinity of the edge
Gray: the gray picture of
Invert: Anti-color
Light: creating a light source in the object
Mask: the creation of transparent object in the mask
Shadow: Creating a fixed offset shadow
Wave: Ripple Effect
Xray: to become like the object was like x-ray irradiation
1, filters: Alpha
Syntax: STYLE = "filter: Alpha (Opacity = opacity, FinishOpacity = finishopacity, Style = style, StartX = startX, StartY = startY, FinishX = finishX, FinishY = finishY)"
Description:
Opacity: Starting values, the values from 0 to 100, 0 is a transparent, and 100 for the image.
FinishOpacity: target.
Style: 1 or 2 or 3
StartX: arbitrary value
StartY: arbitrary value examples: filter: Alpha (Opacity = "0", FinishOpacity = "75" Style = "2")
2, filters: blur
Syntax: STYLE = "filter: Blur (Add = add, Direction = direction, the strength Strength =)"
Description:
Add: General 1, or 0.
Direction: Angle, 0 to 315 degrees, 45 degrees step.
Strength: numerical growth effects, can be generally 5.
Examples: filter: Blur (Add = "1", Direction = "45", Strength = "5")
3, filters: Chroma
Syntax: STYLE = "filter: Chroma (Color = color)"
Description: color: # rrggbb format, arbitrary.
Examples: filter: Chroma (Color = "# FFFFFF")
4, filters: DropShadow
Syntax: STYLE = "filter: DropShadow (Color = color, OffX = offX, OffY = offY, Positive = positive)"
Description: Color: # rrggbb format, arbitrary.
Offx: X-axis deviation value.
Offy: Y-axis deviation value.
Positive: 1 or 0.
Examples: filter: DropShadow (Color = "# 6699CC" OffX = "5", OffY = "5", Positive = "1")
5, filters: FlipH
Syntax: STYLE = "filter: FlipH"
Examples: filter: FlipH
6, filters: FlipV
Syntax: STYLE = "filter: FlipV"
Examples: filter: FlipV
7, filters: glow
Syntax: STYLE = "filter: Glow (Color = color, strength Strength =)"
Description:
Color: luminous color.
Strength: Strength (0-100)
Examples: filter: Glow (Color = "# 6699CC" Strength = "5")
8, filters: gray
Syntax: STYLE = "filter: Gray"
Examples: filter: Gray
9, filters: invert
Syntax: STYLE = "filter: Invert"
Examples: filter: Invert
10, filter: mask
Syntax: STYLE = "filter: Mask (Color = color)"
Examples: filter: Mask (Color = "# FFFFE0")
11, filter: shadow
Syntax: filter: Shadow (Color = color, Direction = direction)
Description:
Color: # rrggbb format.
Direction: 0-10 angle-315 degrees to 45 degrees step.
Examples: filter: Shadow (Color = "# 6699CC" Direction = "135")
12, filter: wave
Syntax: filter: Wave (Add = add, Freq = freq, LightStrength = strength, Phase = phase, the strength Strength =)
Description:
Add: General 1, or 0.
Freq: deformation value.
LightStrength: deformation percentage.
Phase: percentage point of deformation.
Strength: deformation strength.
Examples: filter: wave (Add = "0", Phase = "4", Freq = "5", LightStrength = "5", Strength = "2")
13, filter: Xray
Syntax: STYLE = "filter: Xray"
Examples: filter: Xray
Tags: CSS DIV, CSS effect, css layout, css manuals, css templates, div css
Leave a Reply