2D转换(改削挪动)

xgpyu79752026-07-21 19:15:45

(1)缩放scale

缩放,换改看文生义 ,削挪可以放除夜和促进 。换改只需给元素添加上了这个属性就可以独霸它放除夜仍是削挪促进


重点  :

1. 寄看个中的x和y用逗号离开

2. transform:scale(1,1):宽和高都放除夜一倍,绝对没有放除夜

3. transform:scale(2,换改2):宽和高都放除夜了2倍

4. transform:scale(2):只写一个参数,第二个参数则和第一个参数一样 ,削挪相当于

5. scale(2,换改2)transform:scale(0.5,0.5)∶促进

6. sacle缩放最除夜的优势:可以设置转换中心点缩放 ,默许以中心点缩放的削挪,并且不影响其他盒子 。换改

div {      width: 200px;     height: 200px;     background-color: pink;     margin: 100px auto;     transform-origin: left bottom;/*可以设置缩放左下角 默许是削挪中心点*/     transition: all 0.4s; /*过渡*/ }  div:hover {      transform: scale(0.5, 0.5);/*缩放*/
上一篇:光遇遨游飞翔季第五个义务完成攻略
下一篇:奥拉星手游路西法超进扮设备特点推荐
相关文章