How CSS3 implements 2D conversion and 3D conversion, what are the differences between them_html/css_WEB-ITnose

The development of 2D3D technology in CSS3 has brought richer visual effects~ What is their implementation mechanism?

1 Definition

2D:

Be able to move, scale, rotate, stretch or stretch elements.

3D:

Allows elements to be formatted and manipulated in three-dimensional space. Elements change shape, size and position.

2D method:

The matrix() method combines all 2D transformation methods. This method requires six parameters and contains mathematical functions , which can realize rotation (angle), scaling (n), movement (x, y), and tilt (x-angle, y-angle).

3D method:

3Dtransform method

Browser support:

2D:

IE10, Firefox, Opera support, Chrome and Safari require the prefix -webkit-, IE9 requires the prefix -ms.

3D:

IE10, Firefox, Chrome and Safari require the prefix -webkit -, Opera does not support it.

Difference:

In addition to adding a few attributes that 2D does not have, 3D basically refines the attributes of 2D.