2D转换(scale缩放)

缩放,顾名思义可以放大和缩小。只要给元素添加上了这个属性就能控制它放大还是缩小。

语法:

transform: scale(x,y);

注意:

  • 注意其中的x和y用逗号分隔
  • transform: scale(1,1):宽和高都放大了一倍,相对于没有放大
  • transform: scale(2,2):宽和高都放大了2倍
  • transform: scale(2):只写一个参数,第二个参数则和第一个参数一样,相当于scale(2,2)
  • transform: scale(0.5,0.5):缩小
  • scale缩放最大的优势:可以设置转换中心点缩放,默认以中心点缩放的,而且不影响其他盒子

版权声明:本文为本站原创文章,由37.2℃发表,转载请注明出处,保留一切权利!

转载请注明:转载于37.2度云笔记

发表评论

您的电子邮箱地址不会被公开。

微信