~89 deformation translation

One 、 deformation

deformation It means passing through CSS To change the shape or position of the element , deformation It will not affect the layout of the page

transform Used to set the deformation effect of elements

Optional value ：1、translateX（） Along x Axis translation

               2、translateY（） Along y Axis translation

               3、translateZ（） Along z Axis translation

The translation element percentage is calculated relative to itself

---

Two 、 application

 

 

The above method can center the element with uncertain size in the parent element

 

---