Here is a separate explanation of the new properties of CSS3:
The border-radius property is used to create rounded corners
1 |
|
border-shadow is used to add a shadow to the box
1 |
|
The border-image attribute allows you to specify the image used for the border
1 |
|
The background-size attribute specifies the size of the background image
1 |
|
background-repeat sets or retrieves how the object's background image is laid out and filled. The background-image attribute must be specified first.
repeat-x: The background image is tiled horizontally
repeat-y: The background image is tiled vertically
repeat: The background image is tiled horizontally and vertically
no-repeat: The background image is tiled vertically Untiled
round: The background image automatically scales until it fits and fills the entire container. (CSS3)
space: The background image is tiled with the same spacing and fills the entire container or a certain direction. (CSS3)
The background-origin attribute specifies the positioning area of the background image
The background image can be placed in the content-box, padding-box or border-box area
text- shadow applies a shadow to the text
1 |
|
The word-wrap attribute allows you to allow the text to force the text to wrap - even if it means splitting the words
In the new @font-face rule, you must first define the name of the font (such as myFirstFont) and then point to the font file.
To use a font for an HTML element, reference the font name (myFirstFont) through the font-family attribute
1 |
|
matrix() method Groups all 2D transformation methods together. The
matrix() method takes six parameters and contains mathematical functions that allow you to: rotate, scale, move, and tilt elements.
1 |
|
Not complete yet, will be updated later. Recommended link: http://www.w3school.com.cn/css3/index.asp