Author: Fengyong Yao
After using the "Glow" filter for an object, the edge of this object produces a similar illuminating effect, which is more troublesome in PHTOSHOP, and the "Glow" filter of CSS in DW3 is produced. It is so simple and saves a lot of bytes.
The "Glow" filter has only two parameters, one is "color" is the color of the specified glow, can be set by hexadecimal color code, such as # ff0000 (representing red); another parameter is "strength" is Indicates that the intensity of the illuminating, can specify this luminous intensity from any integer from 1 to 255, or simply understand the length of the ray. Let's take a few application examples.
First, shiny text
Please see the following effects:
Figure 1 "Glow" filter is loaded into the text
What is the above effect? ! The production of "Glow" filters is nothing difference with other CSS filters in the method, so no longer repeat. "Glow" filter can be loaded directly into the text, so it is very convenient to use. The filter code of this effect is: Glow1 (color = # 0000f, strongth = 7), you set different values for "Color" and "Strength", you will get different effects, you can try it.
Second, give a picture to the block
"Glow" filter is loaded into the general picture, but if the picture is placed in the table, add the "Glow" filter to the table
Figure 2 Loads the effect of "glow" filter on
The "Glow" filter code used here is: Glow1 (color = # 0000FF, strength = 7). But please pay attention to the specific production: In order to strengthen the effect, you can add a background color, but you can only add a background color to the table, and once you add a background color, the "glow" filter is invalid.
Third, the picture color of the transparent background
"Glow" filter is loaded to the general picture, but loaded into a GIF picture with a transparent background, but can produce a halo effect, please see the following effects:
Figure 3 "Glow" filter is loaded into a transparent background picture
On the transparent GIF picture, you can directly load the "glow" filter, which is to click on the image with the mouse, then click the CSS icon on the Quick Start Bar, select a "Glow" filter in the dialog box. The "Glow" filter code of this example is Glow1 (color = # ccff99, stregth = 7).
The "Glow" filter is not much parameter, and the use is relatively simple, and the key issue in the specific application is the color of the ray color, the principle is to coordinate with the entire page. Let's take a look at the "Glow" filter in
Figure 4 Effect of two loading filters
Is this kind of cool? ! At this point, you can see some of this code in the source code
and :