skew()
CSS skew() funksiyasi elementni x va y o‘qlari bo‘ylab berilgan burchaklarga qiyshaytirish uchun ishlatiladi.
skew() funksiyasi transform xususiyati ichida ishlatiladi.
Misol
Bir nechta <div> elementini qiyshaytirish uchun skew() funksiyasidan foydalaning:
#myDiv1 {
transform: skew(15deg);
}
#myDiv2 {
transform: skew(15deg, 15deg);
}
#myDiv3 {
transform: skew(-15deg);
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar funksiyani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Funksiya | |||||
|---|---|---|---|---|---|
| skew() | 1 | 12 | 3.5 | 3.1 | 10.5 |
CSS sintaksisi
skew(ax, ay)
| Qiymat | Tavsif |
|---|---|
| ax | Majburiy. Burchak. x o‘qi bo‘ylab qiyshayishni belgilaydi |
| ay | Ixtiyoriy. Burchak. y o‘qi bo‘ylab qiyshayishni belgilaydi. Agar ko‘rsatilmasa, qiymat 0 ga o‘rnatiladi |
| Versiya: | CSS Transforms moduli, 1-daraja |
|---|
Ko‘proq misollar
Misol
Rasmlarni qiyshaytirish uchun skew() funksiyasidan foydalaning:
#img1 {
transform: skew(25deg);
}
#img2 {
transform: skew(-25deg);
}
#img3 {
transform: skew(10deg, 10deg);
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS ma’lumotnomasi: CSS transform xususiyati.
CSS ma’lumotnomasi: CSS skewX() funksiyasi.
CSS ma’lumotnomasi: CSS skewY() funksiyasi.
CSS darsligi: CSS 2D transformatsiyalari.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!