translate · 前端

## transform transform是css3中具有颠覆性的特性之一,可以实现元素的唯一,旋转,倾斜,缩放,甚至支持矩阵方式,配合过度和动画,可以取代大量之前只能靠flash才可以实现的效果. ``` <style> div { height: 200px; width: 200px; background-color: pink; transition: all 0.5s; } div:active{ transform: translate(100px,100px) //translate是移动的意思,当点击的时候,向右和向下移动100px.也可以写百分比,是相对于自己的宽度和高度为百分比.这个属性可以用作盒子居中. } </style> </head> <body> <div></div> </body> ```