With the development of web design technology, people are not satisfied with some of the original HTML tags, but want to be able to add some multimedia properties for the page, such as filter and gradient effects. The rapid development of CSS technology has made these needs a reality. From now on, I want to introduce a new CSS extension section: Filter Properties ). Using this technology, you can add visual filters and conversion effects to a standard HTML element, such as images, text containers, and other objects. The former is the basis for filters and gradient effects, because the latter is the constant change of filter effects and the replacement of demo effects. When filters and gradient effects are combined into a basic s notebook applet, web designers can have a powerful tool for creating dynamic interaction documents. That is, css filter + s plugin, which indicates that the file to be created is based on the script language.
Normal image
Which of the images after the blur effect processing is more beautiful? What do you think! It is easy to achieve this effect. Just add something.
Try it on your own and see if it is false! The simple syntax is as follows:
Filter: filtername (parameters): filter name (parameter)
Visual filter attributes can only be used on HTML control elements. The so-called HTML space elements define a rectangular space on the page, which can be displayed in a browser window. The following lists the valid HTML controls and their descriptions.
Note: Unfortunately, only IE4.0 and above are supported. If it is another browser, then .......
Element
Description
BODY
The main element of the webpage document. All visible ranges are within the <BODY> element.
BUTTON
Form field buttons can be in the form of "Send (submit)" or "reset (reset)"
DIV
Defines an area on the web page. The height, width, or absolute position of this area is known.
IMG
Specifies the image source by specifying the "src" attribute.
INPUT
Input form field
MARQUEE
Move subtitle effect
SPAN
Defines an area on the web page. The height, width, or absolute position of this area is known.
TABLE
Table
TD
Table data cell
TEXTAREA
Text area
TFOOT
Multi-line input text box
TH
Table title cell
THEAD
Table title
TR
Table row
Filter attribute table supported above IE4.0
Filter effect
Description
Alpha
Set transparency
Blru
Create a blur effect
Chroma
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
