DREAMWEAVER8.0CSS Style Sheet Filter instance

See the full set of "dreamweaver8.0 tutorials"

1, the production of fuzzy text effect

1. Insert a new 05.html file into a 1 row 1 column table with the border and margin all set to 0. Then enter the text you want to modify in the table.

2, open the CSS style panel, create a CSS style, the pop-up "New Style dialog box" to do the following settings.

3, after the setup is complete, click OK to pop up the CSS Style Definition dialog box, set in the Type Settings area: Size: 60, font: bold, Thickness: coarse, color: #ff9900.

4, to produce text effects, the most important is in the extended Settings area for special settings.

The blur filter produces the same blur effect as the wind blows. Open the Drop-down menu for the filter option and set the blur filter:

Blur (add=, direction=, strength=?)

The Add parameter is a Boolean value that, in general, takes 0 when the filter is used for the picture, and 1 for the text.

"Direction=?" Blur direction, change in 45 degrees, "0" is vertical upward, "45" to the right, "90" level to the right, "135" to the right, in order to change. Here we set the direction=90.

Strength represents a blur move value in pixels. We set the strength=180.

When the settings are complete, click OK.

5, in the document editing area to select the text in the cell, the property panel to set the text style is. Test.

Save the file and press F12 to preview the effect.

In the age of only HTML, only simple Web effects can be achieved. With CSS style, Web page layout has changed dramatically, in Dreamweaver8, the use of CSS style is so simple, and the effect can be so dazzling.

See the full set of "dreamweaver8.0 tutorials"