transform转换模块

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_39378691/article/details/84201168

1、transform: rotate(30deg);
/* 旋转，正值顺时针，负值逆时针 */

2、transform: translate(100px, 100px);
/* 位移，第一个值：水平，第二个值：垂直 */

3、transform: scale(0.6);
/* 缩放，0-1缩小 大于1放大 */

4、transform:rotate(60deg) translate(100px, 100px);
/* 先旋转后平移，旋转后坐标也改变，占的还是原来的位置 */

5、transform: translate(100px, 100px) rotate(60deg);
/* 先平移后旋转 */