Filters | style sheet 4, Glow filters
Syntax: {filter:glow (color= property Value 1,strength= property value 2);}
Function: The filter can produce a glow-like effect around the original object, and its effect is generated by the individual property names in parentheses and their corresponding property values.
Parameters: The Color property is the colour that specifies the glow.
Strength is the performance of luminous intensity, also refers to the thickness of the halo, its size can be from 1 to 255 of any integer to specify this strength.
Instance:
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
<meta name= "generator" content= "Microsoft FrontPage 4.0" >
<meta name= "ProgId" content= "FrontPage.Editor.Document" >
<title> style Sheet Filter Instance </title>
<style>
<!--
p {color: #FF0000; font-size:36pt; text-decoration:blink; Font-weight:bold}
P {filter:glow (color= #880088, strength=3);}
-->
</style>
<body>
<p> style Sheet Filter Instance </p>
</body>
5, Chroma Filter
Syntax: {filter:chroma (color= property value);}
Function: This filter enables a color in the image to become transparent.
Parameter: The Color property is used to specify the colors to be transparent, and by setting the value of the property, we can filter the specified color in an image.
Instance:
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
<meta name= "generator" content= "Microsoft FrontPage 4.0" >
<meta name= "ProgId" content= "FrontPage.Editor.Document" >
<title> style Sheet Filter Instance </title>
<style>
<!--
p {color: #FF0000; font-size:36pt; text-decoration:blink; Font-weight:bold}
P {filter:chroma (color= #0000fe);}
-->
</style>
<body>
<p> style Sheet Filter Instance </p>
</body>
6, Fliph Filter
Syntax: {Filter:filph}
Function: This filter allows HTML objects to be swapped around, and is generally suitable for image objects.
Parameter: The filter has no parameters.
7, FLIPV Filter
Syntax: {FILTER:FILPV}
Function: This filter allows HTML objects to be swapped up and down, and is generally suitable for image objects.
Parameter: The filter has no parameters.
8, Wave Filter
Syntax: {filter:wave (add= property Value 1,freq= Property value 2,lightstrength= Property value 3,phase= Property Value 4,strength= property value 5);}
Function: The filter can make the filtered object generate sine wave shape, thus can cause a kind of distortion illusion, its concrete effect is by each attribute name in the parenthesis and its corresponding attribute value to produce, generally applies to the Image object.
Parameter: The Add property is a Boolean value that determines whether the original image is added to the final effect.
The Freq property refers to the frequency of the ripple, which specifies how many complete ripples must be generated on the object altogether.
The phase property is used to set the offset of the sine wave, which is the shape that determines the waveform, and its property value ranges from 0-360 degrees.
The Lightstrength property can be used to enhance the effect of lighting on a ripple, ranging from 0 to 100.
The strength property is used to determine the size of the waveform amplitude.
9, Shadow Filter
Syntax: {Filter:shadow (color= property Value 1,direction= property value 2);}
Function: The filter enables an object to produce a shadow effect that is generated by each property name in parentheses and its corresponding property value.
Parameters: The Color property is used to set the colors of the shadow.
The direction property is used to set the direction of the projection, with a value range of 0 degrees to 360 degrees, where 0 degrees represent the vertical upward, and then each 45 degree is a unit, and the default value of the property is 270 degrees to the left.
Instance:
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
<meta name= "generator" content= "Microsoft FrontPage 4.0" >
<meta name= "ProgId" content= "FrontPage.Editor.Document" >
<title> style Sheet Filter Instance </title>
<style>
<!--
p {color: #FF0000; font-size:36pt; text-decoration:blink; Font-weight:bold}
P {Filter:shadow (color=#00ff00,direction=2);}
-->
</style>
<body>
<p> style Sheet Filter Instance </p>
</body>
10, Mask Filter
Syntax: {filter:mask (color= property value);}
Function: The filter can use an HTML object on another object to create an image mask, you can create an object covering the surface of the film, the effect is like wearing glasses to see objects, generally applicable to image objects.
Parameters: The Color property is used to specify the colors to be masked.
11, Light Filter
Syntax: {filter:light}
Function: This filter enables an HTML object to produce a projection effect that simulates a light source. Once you have defined the light Filter property for an object, you can call its method to set or change the property. The available methods for light are:
Movelight Mobile Light Source
Changcolor change the color of light
Addambient joins the surrounding light
Addpoint Add Point Light source
Clear clears all the lights
Addcone Add cone light source
Changstrength change the intensity of the light source
You can define the virtual location of the light source and adjust the position of the light source focus by adjusting the values of the X and Y axes, and you can also adjust the form of the light source (point or cone light) to specify whether the light source is blurred, the color of the light, the brightness, and so on. If you set the light source dynamically, you may have some unexpected effect.
Parameter: The filter has no parameters.
12, Gray Filter
Syntax: {Filter:gray}
Function: The filter can transform a color picture into a gray image, which is generally suitable for image objects.
Parameter: The filter has no parameters attached.
13, Invert Filter
Syntax: {Filter:invert}
Function: The filter can make the image produce the effect of photographic film, generally applicable to the image object.
Parameter: The filter has no parameters.
14, Xray Filter
Syntax: {Filter:xray}
Function: The filter allows the object to reflect its contours and highlight the contours, which are generally applicable to image objects.
Parameter: The filter has no parameters.
