Learn the CSS Filter style syntax rules for creating web pages

Source: Internet
Author: User

Style = "filter: filter name (attribute 1 = value 1, attribute 2 = value 2 ......)"
The "filter name" is the name you see in the filter drop-down list of the DW style setting module. You only need to enter a number for the attribute value.
The following describes the main filter functions provided by DW:
(The following two groups of tables use CSS styles such as "box", "border", "block", and "type)
Alpha: sets the transparency level.
Blur: creates high-speed mobile effects, that is, blur effects.
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 images
Invert: Reversed
Light: creates a light source on an object.
Mask: create a transparent mask on the object
Shadow: creates an offset fixed shadow.
Wave: Ripple Effect
Xray: changes the object to an X-ray.
Below are the main filter materials
Including syntax, attribute meaning, simple example and application description:
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: Ren?
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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.