css3D语法transform: scale
时间: 2023-09-19 07:07:37 浏览: 129
css3的transform中scale缩放详解
5星 · 资源好评率100%
(scaleX, scaleY, scaleZ)可以用来对元素进行缩放变换。其中,scaleX、scaleY、scaleZ分别表示元素沿X、Y、Z轴方向的缩放比例。如果只设置一个值,则会同时对三个方向进行缩放,如果设置两个值,则第一个值表示X方向的缩放比例,第二个值表示Y方向的缩放比例。如果设置三个值,则分别表示X、Y、Z轴方向的缩放比例。值为1时表示原始大小,大于1时表示放大,小于1时表示缩小。当值为负数时,元素会进行翻转。例如:transform: scale(2, 0.5, 3); 可以将元素在X轴方向放大两倍,在Y轴方向缩小一半,在Z轴方向放大三倍。
阅读全文