Thursday, July 29, 2010

Proficient in CSS filter (2)



With the web design technology, people have not satisfied some existing HTML tag, but would like to add some multi-media properties for the page, such as filters and gradient effects. The fast development of CSS technology to make these demands a reality. From now I want to introduce a new extension CSS: CSS filter property (Filter Properties). Using this technique can be visual filters and transitions added to a standard HTML element, such images, text containers, and other objects. For the filters and transition effects, the former is the foundation upon which the filter effect of constant change and demonstrate change. When combined with filters and transition effects to a basic SCRIPT applet, the web designers can create dynamic interactive documents have a powerful tool. That is, CSS FILTER + SCRIPT, which shows also want to create a dynamic document some of SCRIPT (scripting language) is based.



Normal picture
Effects of treatment, the fuzzy picture, which is more beautiful, you feel it! Achieve this effect is easy. Just added a point stuff.

For yourself to see if there is no fake! Do you like what Photoshop image software, the simple syntax is as follows:
filter: filtername (parameters) both filter: filter name (parameters)

Visual filter property can only be used in HTML control elements. The so-called HTML elements that they have space on the page defines a rectangular space, the browser window to display the space. Here are the HTML controls and their legal description.

Note: Unfortunately, only the IE4.0 above support, if any other browser, it .......



Element
Description BODY
The main page of the document element, all elements are visible within the scope of BUTTON
Button form fields, can "send (submit)", "reset (reset)" and other forms DIV
Defines a region on the page, this region height, width, or absolute position is to know the IMG
Picture elements, by specifying the "src" attribute to specify the source image INPUT
Input form fields MARQUEE
Mobile Subtitles results SPAN
Defines a region on the page, this region height, width, or absolute position is to know TABLE
Form TD
Table data cell TEXTAREA
Text area TFOOT
TH multi-line input text box
Table header cell THEAD
Form Title TR
IE4.0 above table row table to support the filter property



Filter effects
Description Alpha
Set transparency Blru
Build a fuzzy effect Chroma
The specified color set to transparent DropShadow
Offset images to create a profile, which cast shadows FlipH
Level inversion FlipV
Reverse Glow Vertical
Outer boundary for the object to increase light efficiency Grayscale
Reduce the degree of color pictures Invert
The color, saturation and brightness values of completely reverse negative effects of the establishment of Light
Lighting an object on the projection Mask
For an object the establishment of transparent film Shadow
Outline of a solid object that shadows Wave
In the X-axis and Y axis using sinusoidal patterns disrupted picture Xray
Show only the outline of the object following pages we detail the use of each filter.







Recommended links:



On the JSP page Jump and forward the request



Zhou Chengyu Court hematemesis: die IN the end to fight a lawsuit



Convert mkv to avi free



Evaluate Project Management



Cisco's Chambers Stress And Strengthen The Country



Review Web Servers



convert flac to mp3



Was brilliant: Ten-man weapon crack revealed inside story of classical



Delphi programming animation AVI play without sound



Combo Drive and repair of and summary



Ps3 video format



Progressive Learning Power Builder 6.0 - Chapter What Is PowerBuilder



System Maintenance evaluation



Convert m4a to mp3



No comments:

Post a Comment