Using the CSS Glow filters

Related Tags:

  Author: Fengyongyao 

  An object of the use of "glow" filters, the object will be on the verge of a similar luminous effect of this effect in PHTOSHOP done are relatively trouble, and in using css DW3 "glow" to create filters it is so simple, and saving many bytes. 
  "Glow" filters only two parameters, a "color" is designated luminous color, the Color can be used hexadecimal code set, such as # FF0000 (that red); Another parameter is the "strength" is that the intensity of luminescence, from 1 to 255 can be any integer between designated to the luminous intensity, but also can be understood as simply the length of light.    Next, we do a few application examples. 

  First, the text See Below luminous effect Graphic: 

  Figure 1 "glow" on the text filters loaded into effect 

  Well above this effect?    !    Produced "glow" CSS filters and other filters in the way there is no distinction, it will not repeat.    "Glow" filters can be directly loaded into words, so use very convenient.    This effect of the above filter code is: Glow1 (Color = # 0000FF, Strength = 7), you "Color" and "Strength" set a different value will be different results, you can try hands. 

  Second, to the gradual increase picture frame "glow" filter loading the general picture invalid, but if it is the picture into tables, to give form <td> add "glow" filter, it can result in a gradual picture color borders, see the following results: 

  Figure 2 In "td> loading on the" glow "effect filters 

  Here the use of the "glow" filter code is: Glow1 (Color = # 0000FF, Strength = 7).    But when you produce specific Note: To enhance the effect, you may add Background color, but you can only Luojia Background Color to the table, but once you module Luojia background color, "glow" on the invalidity of the filters. 

  Third, transparent background images hyperchromic "glow" filter loading the general picture invalid, but loaded into a transparent background picture on the gif able to produce a halo effect, see below Drawings: 

  Figure 3 "glow" filter loading of a transparent background picture on the effect of 

  Gif in a transparent picture can be directly loaded "glow" filter, which is used mouse click picture, and then click on the Quick Start column CSS icon in the dialog box, select a "glow" filters can be .    The case of the "glow" filter code is Glow1 (Color = # CCFF99, Strength = 7). 
  "Glow" of the filter parameters small, it is relatively simple to use, in specific applications crux of the matter is the choice of colors shine, in principle with the entire page to color coordination.    Let us look at in the cases give <td> loading a "glow" filters, code Glow2 (Color = # 0000FF, Strength = 7), will be shown below the results: 

  Figure 4 twice the effect of loading filters 

  This effect somewhat cool?    !    At this point in your page's source code and <head> </ head> can see that this kind of code: 
  <Style type = "text / css"> 
  <! -- 
  . Glow1 (filter: Glow (Color: # CCFF99, Strength: 7)) 
  . Glow2 (filter: Glow (Color: # 0000FF, Strength: 7)) 
  --> 
  </ Style> 
  And In "td> code like this: <td class =" glow2 glow1 ">.    This gives us a revelation, repeatedly loading "Glow" filters can produce some strange results, such as the production of a solar eclipse, the sun's picture, text effects, etc. flame, it is entirely depends on your creativity. 



Related articles:

Web Developer Directory plug-aided design CSS page layout tool! Explain in detail by!
  Course topics navigation Web Developer    Web Developer Web Developer plug-in to download and install plug-in tools outline Web Developer CSS Guide Web Developer Information Guide Web Developer Miscellaneous tools tools Guide Web Developer Outline, Resize Tool Guide    W...
Fine for Dreamweaver MX technology built-FW
  Macromedia will be official in other built-in software technology called Fireworks Fireworks technology, the Internet also known as built-in picture editor.    Dreamweaver MX 2004 gives the impression that other products with Macromedia's comprehensive seamless integration, thu...
Dreamweaver MX 2004 Guide to the use of the CSS border property
  Original content of this site, please specify the source of reproduced I love DivCSS.    6. Definition CSS style attributes borders    "CSS style definition of" dialog "frame" category can be defined elements around the borders of settings (such as w...
YC + + in how to achieve functional Ajax
  YC + + in how to achieve functional Ajax    In Web pages, sometimes when a user clicks on a button, only one of the small content will be changed.    In the use of Ajax before, the general must refresh the entire page, both part of the changes in the pages has not change...
An intercept network will sue you for having pop-up ads
  Now how many people can put up with endless pop-up advertisements on harassment    Now that online advertising has been the decade-long history, since an American lawyer in the NET USE-News published the first group of static advertising, online advertising has come a long way.&nb...