Hàm skewX
Hàm skewX xác định độ nghiêng của phần tử
theo trục X, biến nó thành hình bình hành.
Được sử dụng cùng với thuộc tính transform.
Giá trị của thuộc tính là một góc đo bằng bất kỳ đơn vị đo góc nào.
Góc có thể dương hoặc âm.
Giá trị dương làm nghiêng sang trái,
giá trị âm - sang phải.
Độ nghiêng được thực hiện xung quanh điểm được xác định bởi
thuộc tính transform-origin.
Cú pháp
bộ chọn {
transform: skewX(góc);
}
Ví dụ
Trong ví dụ này, khối được nghiêng 30
độ sang trái:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Ví dụ
Trong ví dụ này, khối được nghiêng 30
độ sang phải:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
