2D转换之缩放scale

2D转换之缩放scale

顾明思义,scale可以放大和缩小

语法: transform:scale(x,y);

注意:

  •   scale中的x和y以逗号分割
  •       transform:scale(1,1) 宽和高都放大一倍
  •       transform:scale(2,2) 宽和高都放大了2倍
  •       transform:scale(2) 只写一个参数,第二个参数则和第一个参数一样,相当于scale(2,2)
  •       transform:scale(0.5,0.5) 缩小
  •       sacle 缩放最大的优势:可以设置转换中心点缩放,默认以中心点缩放的,而且不影响其他盒子
posted @ 2022-03-18 16:15  洛飞  阅读(113)  评论(0编辑  收藏  举报