css transform: scale();
时间: 2023-08-15 10:12:18 浏览: 189
Transforms in CSS
CSS的transform属性可以用来对元素进行缩放操作,其中scale()函数用来指定缩放比例。
scale()函数可以接受一个参数,表示在水平和垂直方向上的缩放比例。如果只提供一个参数,则水平和垂直方向上的缩放比例相同。
例如,使用transform: scale(0.5);可以将元素缩小到原来的一半大小,而transform: scale(2);则可以将元素放大到原来的两倍大小。
另外,缩放比例也可以为负数。例如,使用transform: scale(-1);可以将元素进行水平翻转,而transform: scale(-1, 1);则可以进行垂直翻转。
需要注意的是,缩放操作会影响元素的布局和位置,但不会影响其宽高比。如果需要保持宽高比不变,可以使用transform: scale(x, y);来指定不同的水平和垂直缩放比例。
阅读全文