CSS Animations-page effects

1.2D, 3D conversion

Shape size Position

Move the zoom rotation elongate stretch

2d:translate () rotate () scale () skew () matrix ()

3d:rotatex () Rotatey ()

2. Transition

3. Animations

Transition

Transition-property transition-duration

Transition-timing-function Transition Time Curve Transition-delay

4. Multiple columns, CSS3 You can create sort to lay out text or areas

Column-count Column-map Column-rule

. div1{
    Column-count:3;
    -moz-column-count:3;
    column-gap:50px;
    -moz-column-gap:50px;
    column-rule:5px outset #FF0000;
    -moz-column-rule:5px outset #FF0000;
}

5. CSS Waterfall Stream

CSS Animations-page effects