CSS3 3d Learning Notes

Several properties:

-webkit-perspective:0; Depth of field (default 0),

-webkit-perspective-origin:center Center, depth of field base (default middle),

-webkit-transform-style:preserve-3d; build 3D space,

-webkit-transform-origin:center Center 0;3d Transform Base point (the default z-axis 0 starts),

In 3D space, the Rotatex is flipped around the x-axis, the positive is reversed counterclockwise, and the Rotatey is flipped around the y-axis.

Animate several properties:

Animation duration, delay start time, animation name, animation form, repetition count, inverse animation, animation pause, animation end event.

CSS3 3d Learning Notes