Css Filter attribute syntax _ basic tutorial

Css Filter attribute syntax introduction css Filter
Style attributes:
It can be used in tags and is more widely used in

And so on, More importantly, it is available in labels. Page switching effect: Add "" between the front and end of the page "" Note: duration is the duration of page switching. 3.000 represents 3 seconds and can be directly input. You can enter 3; transition is the switching effect, from 1 to 23, a total of 22 different switching effects, of which 23 It is a random effect. Filter effect: More filters are used in Photoshop. use filters to create new ideas on the page! Syntax: STYLE = "filter: filtername (fparameter1, fparameter2 ...)} (Filtername indicates the Filter Name. fparameter1 and fparameter2 are filter parameters) Filter description: Alpha: set the transparency level. Blur: Creates a high-speed mobile effect, that is, a blur effect. Chroma: Make special colors transparent. DropShadow: Creates a fixed shadow of an object. FlipH: Create a horizontal image. FlipV: Create a vertical image. Glow: glow outside the edge of a nearby object. Gray: grayscale the image. Invert: reversed. Light: Creates a light source on an object. Mask: Creates a transparent mask on the object. Shadow: Creates a fixed offset shadow. Wave: ripple effect. Xray: changes an 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 )" Note: Opacity: start value. The value ranges from 0 to 100. The value 0 indicates transparency, and the value indicates the source image. FinishOpacity: target value. Style: 1, 2, or 3 StartX: any value StartY: any value Example: filter: Alpha (Opacity = "0", FinishOpacity = "40", Style = "2 ") 2. filter: blur Syntax: STYLE = "filter: Blur (Add = add, Direction = direction, Strength = strength )" Note: Add: generally 1, or 0. Direction: angle, 0-degrees, step size: 45 degrees. Strength: the number of results that increase, generally 5. Example: filter: Blur (Add = "1", Direction = "45", Strength = "5 ") 3. filter: chroma Syntax: STYLE = "filter: Chroma (Color = color )" Note: Color: # rrggbb format, any. Example: filter: Chroma (Color = "# FFFFFF ") 4. filter: DropShadow Syntax: STYLE = "filter: DropShadow (Color = color, OffX = offX, OffY = offY, Positive = positive )" Note: Color: # rrggbb format, any. Offx: returns the offset of the X axis. 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 )" Note: Color: Luminous Color. Strength: 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 = "# FFFFE0 ") 11. filter: Shadow Syntax: Filter: Shadow (Color = color, Direction = direction) Note: Color: # rrggbb format. Direction: angle, 0-degrees, step size: 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) Note: Add: generally 1, or 0. Freq: deformation value. LightStrength: Deformation percentage. Phase: Percentage of angular deformation. 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