Dreamweaver MX 2004 CSS Guide to the use of filters on 2
Original content of this site, please specify the source of reproduced I love DivCSS.
11. CSS filter the details of Habitat 2GLOW attribute
[Attributes] Object Application glow glow filters, the object will be on the verge of a similar luminous effect of this effect in the image-processing software to do relatively trouble, and in 2004 used DW MX CSS "glow" filter - to make it is very simple, and saving many bytes.
"Glow" filters only two parameters, a "color" is designated luminous color, and the other parameter is the "strength" is the intensity of luminescence, but also be interpreted as the length of light. Ranges between 1 to 255 for any integer. Next, we do a few application examples.
[Glow filters in the picture on the application]
"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 color picture of the frame.
Glow filter parameters small, easy to use, effective. In specific applications, the key issue is the choice of colors shine, with the entire page color coordination. To the picture and <td> loading can be used a variety of ways, with background settings to produce some strange results.
GRAY attribute
Gray attributes [Gray] filters can be changed to a color picture for the gray level image, or black and white picture. Can be used in innovative special theme, Gray filters for the non-parametric functions of a single, simple operation, the evident result.
INVERT attribute
Invert [attributes] Invert filters can be changed to a picture of positives, like photo negatives. Can be used in innovative special theme, Invert filters for the non-parametric functions of a single, simple operation, the evident result.
LIGHT attribute
[Attributes] Light Light filters to produce a simulation of the effect of light. Can be used for special occasions, and create a unique atmosphere. Light filters are non-parametric filter, and use it to call through Javascrpt simulated light source to achieve results.
MASK attribute
[Mask: Mask filter attributes can produce a targeted Web Components rectangular mask effect, the actual use also can be understood as a colored cloth to cover things up, but the content was dredged.
[Mask filter application]
Pages in a suitable position to insert a List 1 grid, in the table, enter text, select forms of the cells <td>, and then attribute panel in the "Style" menu select "Mask."
REVEALTRANS attribute
RevealTrans dynamic filters, it can produce 23 kinds of dynamic effects, it is more intriguing but also in the dynamic effects in 23 randomly selected one of them.
RevealTrans filters only two parameters, Duration: switching time, in seconds flat; Transition: switch, it has 23 kinds of ways, as detailed below:
As long as you change the "Transition" values, you get different results. It must be achieved through the use Javascript, Javascript please refer to the setup method] [BlendTrans attributes.
SHADOW attribute
[Attributes] The Shadow "Shadow" filters can be specified in the direction of the establishment of objects projection. Projection color can be specified.
WAVE attribute
[Wave] is the object attributes in accordance with the vertical distortion of the waveform patterns to produce a special effect. The "wave" to the text filter loading, the waveform can be text effects.
Note: Wave Filter total of five parameters:
"Add": that whether or not to object in accordance with the distorted wave pattern, which only two values, that is, "true" and "false", the default value is "true (non-0)," Of course, you can also modify its value " false "(" 0 ").
"Freq": is the frequency of bellows, which is designated in this object above the total needs of a number of integrity of the bellows.
"Lightstrength": the bellows can be used to enhance the effect of light and shadow. It is the scope of the parameter values from 0 to 100 for the entire value.
"Phase": sine wave parameters used to set the start offset. This offsets the common value of 0, but you can change it. Its value from 0 to 100 between this numerical shift at the beginning of representatives from the wavelength of the percentage of value. For example, if the value of sine wave from the 25 that the direction of 90 degrees start.
"Strength": that the waveform amplitude size, it could simply mean that the extent of the distortion.
XRAY attribute
[Attributes] Xray Xray filter the contours of the object and to show the highlights. Like the "X-ray". Can be used in innovative special theme, Xray for non-parametric filter, functional single, simple, obvious effect.
Application forms category
[Application] is the only type styles can be applied to any text document CSS style type. Documents associated with the current form of all types are displayed in the "CSS style" panel and text attribute checks's "style" pop-up menu.
Tip: When preview external CSS style sheets in the definition of style, we must preserve the style sheet to ensure that the changes.
[Application custom CSS style:
In the document, select the application of CSS style to the text.
Would be inserted in paragraph will be placed on the pattern used in the entire paragraph.
If the choice in a single paragraph in a text of the CSS style will only affect selected areas.
To specify the exact application of CSS style tags, at the "documents" lower left-hand corner of the window, select the choice of label label.
Do one of the following:
"CSS style" panel (the "window"> "CSS style"), right-click the application form to the name, and then from the context menu select "apply."
Inspector in the text attributes, from "style" pop-up menu to select the type of style.
In the "Documents" window, right-click the selected text, in the context menu, select "CSS style", and then choose the application form.
Choose "text"> "CSS style", and then sub-menu to select the style of application.
[Custom styles will be selected from the content of the deleted]
Choose to delete the object or text styles. Do one of the following:
Inspector in the text attributes, from "style" pop-up menu, choose "no."
"Associated CSS" tab in the right-click to delete the rule has been applied, and then from the context menu, select "settings of the"> "no."
[CSS style on the conflict] will be two or more CSS style applied to the same text, the style of potential conflict and produce unexpected results. Browser based on the following rules of style attributes:
If the two styles will be applied to the same text, the browser displays the pattern of all these attributes, unless a particular attribute conflict. For example, a blue pattern may be designated as the text color, and another one type of text may be designated as red color.
If applied to the same text of the two properties that the pattern of conflict, most inside the browser displays the style (from the text of the recent pattern) attributes. Therefore, if Waibuyangshibiao and in the CSS style text elements affecting, in the form of application.
If there is a direct conflict, the CSS style (using the class attribute of the application form) of the property will replace HTML tags in the form of attributes.
More CSS filter throughout the application of knowledge to CSS please teaching channel to Show
Tags: css language dreamweaver css, css Video Guide, div css Guide
Leave a Reply