当前位置:首页 >> 百科

2D转换(改削挪动)

(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);/*缩放*/

  • 关注微信

猜你喜欢

热门阅读

  • 手机市场迎来重磅降价潮 最高降幅2000元
  • 抖音变身脚艺人bgm是甚么?抖音变身脚艺人bgm音乐是甚么曲子?
  • 小米10至尊忖量版重吗?小米10至尊忖量版上手感若何样 
?
  • 抖音上人传人是甚么梗
?人传人是甚么意思
?
  • 微软俄然为Windows 10续命:称为让大年夜师更宽松过渡Win11
  • 长安胡想灵狐系打书推荐攻略

关注我们

微信公众号