The main content of CSS3.

The main content of CSS3.

1: Border (in CSS3, the Border-radius property is used to create rounded corners, and the Border-radius property is a shorthand property for setting

Four of the Border-*-radius properties. The/box-shadow property adds one or more shadows to the box. The Box-shadow property adds one or more to the box

Shadow. ）

2: Background (the Background-size attribute specifies the size of the background image. /background-origin

The Background-position property specifies where the property is positioned relative to the position. The/background-clip property specifies the drawing area of the background. ）

3: Text effect (in CSS3, Text-shadow can apply a shadow to text.) The/text-overflow attribute specifies that when text overflows

What happens when the element is contained. ）

4: (The font is very simple, the front has been studied, a lot of review on the good)

5:2/3d conversion (through the translate () method, the element moves from its current position, based on the given left (x-coordinate)

and top (y-coordinate) positional parameters: Value translate (50px,100px) moves the element from the left to 50 pixels, moving 100 pixels from the top.

/through the scale () method, the dimension of the element will be increased or decreased, depending on the given width (X axis) and height (Y axis) Parameters:/By Size ()

method, the dimension of the element is increased or decreased, and all 2D conversions are made according to the given width (X axis) and height (Y axis) Parameters:/matrix () method

     method is grouped together. The/matrix () method requires six parameters, including mathematical functions that allow you to: rotate, scale, move, and skew elements. /

    3d: Through the Rotatex () method, the element rotates around its X axis in a given degree. /through the Rotatey () method, the element surrounds its Y-axis

     rotates in the given degree.

        6: Transition (CSS3 Transitions are the effects of an element gradually changing from one style to another. To achieve this, two things must be specified: Specify that you

     want to add effects to which CSS property to specify the length of the effect If the duration is not specified, there will be no transition effect, because the default value is 0.

     effect starts when the specified CSS property changes the value. The typical time for a CSS property change is when the mouse pointer is over an element:

         7: Animation (when you create an animation in a @keyframes, bundle it to a selector, otherwise it won't animate.)

     can bind animations to selectors by stipulating at least the following two items CSS3 animated properties: Specify the name of the animation to specify the duration of the animation/)

The main content of the

CSS3.