位移 translate
格式
transform:translate(x偏移,y偏移)
或者
transform:translateX(x偏移)
或者
transform:translateY(y偏移)
旋转 rotate
transform:rotate(度数deg)
度数为正值,那么是顺时针旋转,为负值就是逆时针旋转
功能效果
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201002135546423.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201002135537772.png#pic_center)
缩放 scale
transform:scale(x缩放,y缩放)
或者
transform:scale(xy同时缩放比率)
功能
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020100219010616.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201002190114855.png#pic_center)
过渡效果 transition
transition:all 持续时间 延迟时间