Hàm CSS skew()

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

CSS skew() Hàm được sử dụng để nghiêng phần tử theo góc đã cho theo trục x và y.

skew() Hàm trong transform Sử dụng trong thuộc tính.

Mô hình

Ví dụ 1

Sử dụng skew() Nghiêng nhiều phần tử <div>:

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

Thử ngay

Ví dụ 2

Sử dụng skew() Giả lập nghiêng hình ảnh:

#img1 {
  transform: skew(25deg);
}
#img2 {
  transform: skew(-25deg);
}
#img3 {
  transform: skew(10deg, 10deg);
}

Thử ngay

Cú pháp CSS

skew(ax, ay)

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ hàm đó.

Trang liên quan

Hướng dẫn:Chuyển đổi 2D CSS

Tham khảo:Thuộc tính transform CSS

Tham khảo:Hàm skewX() CSS

Tham khảo:Hàm skewY() CSS