Hàm CSS scale3d()

Định nghĩa và cách sử dụng

CSS scale3d() hàm định nghĩa thu nhỏ 3D của phần tử.

scale3d() hàm định nghĩa giá trị thu nhỏ theo hướng x, y và z của phần tử.

scale3d() hàm trong transform sử dụng trong thuộc tính.

Sử dụng scale3d() Thu nhỏ nhiều phần tử <div>:

#myDiv1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#myDiv2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#myDiv3 {
  transform: scale3d(1.1, 1.2, 1);
}

Sử dụng scale3d() Thu nhỏ hình ảnh:

#img1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#img2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#img3 {
  transform: scale3d(1.1, 1.1, 1);
}

scale3d(sx, sy, sz)

Giá trị	Mô tả
sx	Số dương hoặc số âm, định nghĩa vector thu nhỏ theo chiều rộng.
sy	Số dương hoặc số âm, định nghĩa vector thu nhỏ theo chiều cao.
sz	Số dương hoặc số âm, định nghĩa vector thu nhỏ theo hướng z.