ფუნქცია skewY
ფუნქცია skewY განსაზღვრავს ელემენტის დახრას
Y ღერძის მიმართ, რითაც იგი პარალელოგრამად გარდაიქმნება.
გამოიყენება თვისებასთან transform ერთად.
თვისების მნიშვნელობაა კუთხე ნებისმიერ კუთხურ
ერთეულში. კუთხე შეიძლება იყოს როგორც დადებითი,
ასევე უარყოფითი. დადებითი მნიშვნელობა
ქმნის დახრას ზემოთ, უარყოფითი - ქვემოთ.
დახრა ხდება იმ წერტილის გარშემო, რომელიც განისაზღვრება
თვისებით transform-origin.
სინტაქსი
cssსელექტორი {
transform: skewY(კუთხე);
}
მაგალითი
ამ მაგალითში ბლოკი დახრილია 30
გრადუსით ზემოთ:
html<div id="elem">lorem ipsum</div>css#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
Результат:
მაგალითი
ამ მაგალითში ბლოკი დახრილია 30
გრადუსით ქვემოთ:
html<div id="elem">lorem ipsum</div>css#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
Результат: