What are the new features of css3

The new features of CSS3 are: 1. Rounded corner effect; 2. Graphical border; 3. Block shadow and text shadow; 4. Use RGBA to achieve transparency effect; 5. Gradient effect; 6. Use "@ Font-Face" realizes customized fonts; 7. Multiple background images; 8. Text or image deformation processing; 9. Multi-column layout; 10. Media query, etc.

#The operating environment of this article: Windows 7 system, css3 version, Dell G3 computer.

CSS3 is an upgraded version of CSS. This new set of standards provides richer and more practical specifications, such as: box model, list module, hyperlink method, language module, background and border, text effects, and multiple columns. Layout, etc., many browsers have already supported this upgraded specification, such as: Firefox, Chrome, Safari, Opera, etc. Using CSS3 technology in web development will significantly beautify our applications, improve user experience, and also greatly improve program performance. This article will focus on some of the more beautiful and practical new CSS3 features.

1: CSS3 selector

1.Basic selector

2.Attribute selector

3.Pseudo-class selection Tool

2: CSS3 border and rounded corners

1.CSS3 rounded corner border-radius

2.Box shadow box-shadow

Three: CSS3 background and gradient

1.CSS3 background

background-image

2.CSS3 gradient

Definition: A translation transition can be displayed between two or more specified colors

4: CSS3 transition

Definition: Allows css attribute values ​​​​to be within a certain time interval Smooth transitions are triggered on mouse clicks, mouse rolls or any changes to elements, and smoothly animate CSS property values.

5: CSS3 Transformation

Definition: Let an element be deformed in a coordinate system. This attribute contains a series of deformation functions that can move, rotate, and scale the element. .

6: CSS3 animation

Definition: The effect of gradually changing an element from one style to another.

The above is the detailed content of What are the new features of css3. For more information, please follow other related articles on the PHP Chinese website!