Author: http: //www.swtv.com.cn/adjunct/nr/css/css.htmAlpha transparent layers: filter effects Syntax: STYLE = "filter: filtername (parameter1, parameter2, parameter3 ...)" where: Filtername is the name of the filter; Parameter1, Parameter2, etc. is the parameter of the filter. Filter name and function description:
Set transparent hierarchy
Syntax: style = "filter: alpha (opacity = Opacity, finishopacity = finishopacity, style = style, starx = starx, stary = stary, finishx = finishx, finishy = finishy)" Where: opacity is the start value, the value is 0 -100, 0 is transparent, 100 is original; Finishopacity is a target value; with a value of 0-3; StarX or Stary is arbitrary. The example is as follows:
BLUR Create a high-speed moving effect, both fuzzy effect
Syntax: style = "filter: bl (add = add, direction = direction, strongth = strength)" Where: add is retained, with a value of 0 or 1; Direction is a moving angle value, with a value of 0-315 degrees 45 degrees, step length; STRENGTH effect length value, generally take 5. For example, as follows:
Direction = 0strength = 0strength = 5strength = 10strength = 20strength = 50strength = 20strength = 50strength = 100ADD = 0 mobile effect mobile effect mobile effect mobile effect mobile effect mobile effect add = 1 mobile effect mobile effect mobile effect mobile effect mobile effect mobile effect Direction = 90stregth = 0streamth = 5STRENGTH = 10STRENGTH = 20STRENGTH = 50STRENGTH = 100ADD = 0 mobile effect mobile effect mobile effect mobile effect mobile effect mobile effect add = 1 mobile effect mobile effect mobile effect mobile effect mobile effect mobile effect)
Method using blur.css
1. First enter the following in the text editor: Content annotation (no need to enter) BLUR {font-family: "COMIC SANS MS"; Color: # fff00; define font color. The font is yellow. Line-height: 19pt; definition line high filter: blu (add = 1, direction = 45, strongth = 5) Filter content is only one line. The high speed movement is defined here. Font-size: large; defines the font size. Here is a big font. Font-weight: bold; define the weight of the font. Here is a bold. Widt: auto; position: relative; PADDING: 3PT;
2, save: with blur.css storage.
3, modify the HTML file that needs to reference the file: Plus in
in the home page: in the home page Plus:
High speed mobile effect or High speed movement results are: high speed mobile effect
Chroma makes some color transparent:
Chroma make special color transparent chroma production special color transparent
Syntax: style = "filter: chroma (color = color)" Where: color = # rggbb, arbitrary. Example: Style = "Filter: chroma (color = # fff00)" Let the yellow transparent.
DROPSHADOW Create a fixed shadow
Syntax: style = "filter: Dropshadow (color = color, offx = offx, offy = offy, posient = posient") "Where: color = # rggb, arbitrary; OFFX or OFFY is the deviation value of X or Y axis; Positive take The value is 0 or 1. For example, as follows:
1. First enter the following in the text editor: Content annotation (no need to enter) DROPSHADOW {Font-Family: "COMIC SANS MS"; Color: # fff00; define font color. The font is yellow. Line-height: 19pt; definition line high filter: Dropshadow (color = # 6699cc, offx = 5, OFFY = 5, POSTIVE = 1) The filter content is only one line. Here is a fixed shadow. Font-size: large; defines the font size. Here is a big font. Font-weight: bold; define the weight of the font. Here is a bold. Width: Auto; Height: Auto; Position: Relative; Padding: 3pt;} 2, Store: Use the dropshadow.css save. 3, modification needs to reference the HTML file of the file: Plus in
: on the homepage Plus:
Fixed Shadow or fixed shadow The result is: fixed shadow
Syntax: style = "filter: glow (color = color, strgyth = strength)" Where: color = # rggbb, luminous color, arbitrary; Strength is the luminous intensity, with a value of 0-100. Examples are as follows: strENGTH = 0strength = 5stregth = 10strength = 20strength = 50streamth = 100 glorious glorious light glory
Method using glow.css
1. First enter the following in the text editor: Content annotation (no need to enter) Glow {font-family: "COMIC SANS MS"; Color: # fff00; define font color. The font is yellow. Line-height: 19pt; definition line high filter: Glow (color = # ff0000, strongth = 4) Filter content is only one line. The bright color is red here, and the luminous intensity is 4. Font-size: large; defines the font size. Here is a big font. Font-weight: bold; define the weight of the font. Here is a bold. Widt: auto; position: relative; PADDING: 3PT;
2, save: with a glow.css storage.
3. Modify the HTML file that needs to reference the file: Plus in
in the home page: in the home page Plus:
Outer edge of the object plus bright or Outside the outer edge of the object, Goblin results are: Ganghui in the outer edge of the object
1. First enter the following in the text editor: Content annotation (no need to enter) Gray {font-family: "COMIC SANS MS"; Color: # fff00; define font color. The font is yellow. Line-height: 19pt; Defining Row High Filter: Gray Filter Content This is only one line. The grayscale is defined here. Font-size: large; defines the font size. Here is a big font. Font-weight: bold; define the weight of the font. Here is a bold. Width: auto; height: Auto; Position: Relative; Padding: 3pt;} 2, store: with a gray.css store. 3, modify the HTML file that needs to reference the file: Plus in
in the homepage: in the home page Plus:
or
< Tr>
Picture / text grayscation or or Picture / text grayscation : after processing before processing
1. First enter the following in the text editor: Content annotation (no need to enter) Invert {font-family: "COMIC SANS MS"; Color: # fff00; define font color. The font is yellow. Line-height: 19pt; Defining Row High Filter: Invert Filter This is only one line. It defines the contrast. Font-size: large; defines the font size. Here is a big font. Font-weight: bold; define the weight of the font. Here is a bold. Widt: auto; position: relative; PADDING: 3PT;
2, save: use invert.css storage.
3. Modify the HTML file that needs to reference the file: Plus in
in the home page: in the homepage Plus:
or
< Tr>
Anti-color or anti-color < / span> The result is: after processing before processing
Mask creates a transparent mask to create a transparent mask on an object on an object?
1. First enter the following in the text editor: Content annotation (no need to enter) Mask {font-family: "COMIC SANS MS"; color: # fff00; define font color. The font is yellow. Line-height: 19pt; Define line high filter: Mask (color = # fffe0) filter content only one line. The transparent mask is defined here. Font-size: large; defines the font size. Here is a big font. Font-weight: bold; define the weight of the font. Here is a bold. Widt: auto; position: relative; PADDING: 3PT;
2, save: with the Mask.css store.
3, modification needs to reference the HTML file of the file: Plus: in the homepage
Plus:
Transparent mask or transparent Mask or The result is:
After the change changes
Shadow creates offset fixing shadow
Syntax: style = "filter: shadow (color = color, direction = direction") "Where: color = # rggbb, arbitrary; Direction is angular value, with a value of 0-315 degrees, and the step size is 45 degrees. For example, the following: Direction = 45 fixed shadow Direction = 315 fixed shadow
Method for using shadow.css
1. First enter the following in the text editor: Content annotation (no need to enter) Shadow {font-family: "COMIC SANS MS"; Color: # 00ff00; define font color. The font is green. Line-height: 19pt; definition line High Filter: Shadow (color = # 6699cc, direction = 135) The filter content is only one line. Here is a fixed shadow. Font-size: large; defines the font size. Here is a big font. Font-weight: bold; define the weight of the font. Here is a bold. Widt: auto; position: relative; PADDING: 3PT;
2, save: with shadow.css storage.
3, modify the HTML file that needs to reference the file: Plus in
in the home page: in the home page Plus:
fixed shadow or fixed shadow The result is: fixed shadow
Wave creates corrugated effects
Syntax: style = "filter: Wave (add = add, freq = freq, lightstreamth = lightth, phase = phase, strongth = strength") "Where: ADD value is 0 or 1; freq deformation value; LightstRength deformation percentage; Phase angle Deformation percentage; Strength deformation strength. Examples are as follows: percentage of deformation
1. First enter the following in the text editor: Content annotation (no need to enter) Wave {font-family: "COMIC SANS MS"; color: # fff00; define font color. The font is yellow. Line-height: 19pt; definition line high filter: Wave (add = 0, freq = 5, lightstRength = 5, Phase = 4, strongth = 2) Filter content is only one line. Font-size: large; defines the font size. Here is a big font. Font-weight: bold; define the weight of the font. Here is a bold. Width: auto; height: auto; Position: Relative; Padding: 3pt;} 2, store: Wave.css store. 3. Modify the HTML file that needs to reference the file: Plus in
in the homepage: in the homepage Plus:
Ripple Effect or corrugated effect or The result is:
After the change changes
XRAY makes an object like X-rays like X-rays like X-rays.
1. First enter the following in the text editor: Content annotation (no need to enter) xray {font-family: "COMIC SANS MS"; color: # fff00; define font color. The font is yellow. Line-height: 19pt; define line high filter: XRAY filter content only one line. The X-ray is defined here. Font-size: large; defines the font size. Here is a big font. Font-weight: bold; define the weight of the font. Here is a bold. Widt: auto; position: relative; PADDING: 3PT;
2, save: with xray.css storage.
3, modify the HTML file that needs to reference the file: Plus in
