目录
一: 2D平移transform:translate(x,y) 不会影响其他元素位置,50%距离默认是盒子自身宽/高的一半
二:2D旋转transform: rotate(400deg);
三.transform: scale(x,y);里面写的数字不跟单位,单纯就是倍数的意思
一: 2D平移transform:translate(x,y) 不会影响其他元素位置,50%距离默认是盒子自身宽/高的一半
二:2D旋转transform: rotate(400deg);
①.基础
②.案例:倒三角制作以及倒三角旋转
鼠标经过:
③.修改旋转点transform-origin:x y;
④案例:
三.transform: scale(x,y);里面写的数字不跟单位,单纯就是倍数的意思
1.基础
2.鼠标经过盒子放大,但不影响页面其他元素![](https://img-blog.csdnimg.cn/20210724210537587.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhenlsWVlZ,size_16,color_FFFFFF,t_70)