CSS 2D Transforms

CSS Transforms

CSS transforms allow you to translate, rotate, scale, and skew elements.

A transformation is an effect that lets an element change shape, size and position.

CSS supports 2D and 3D transformations.

• translate()
• rotate()
• scale()
• skewX()
• skewY()
• matrix()

The translate() Method

The translate() method moves an element from its current position (according to the parameters given for the X-axis and the Y-axis).

The following example moves the <div> element 50 pixels to the right, and 100 pixels down from its current position:

transform: translate(50px, 100px);

CSS: transforms, transitions,animations

原文：https://www.cnblogs.com/Nyan-Workflow-FC/p/10601266.html