transform
Misol
div elementini burang:
document.getElementById("myDIV").style.transform = "rotate(7deg)";O‘zingiz sinab ko‘ring »
Tavsif
transform xususiyati elementga 2D yoki 3D transformatsiyani qo‘llaydi. Bu xususiyat elementlarni burish, masshtablash, siljitish, qiyshaytirish va hokazolarni amalga oshirish imkonini beradi.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| transform | 36.0 | 10.0 | 16.0 | 9.0 | 23.0 |
Sintaksis
transform xususiyatini qaytarish:
object.style.transform
transform xususiyatini o‘rnatish:
object.style.transform = "none|transform-functions|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| none | Transformatsiya bo‘lmasligini belgilaydi |
| matrix(n, n, n, n, n, n) | Oltita qiymatdan iborat matritsa yordamida 2D transformatsiyani belgilaydi |
| matrix3d(n, n, n, n, etc....) | 16 ta qiymatdan iborat 4x4 matritsa yordamida 3D transformatsiyani belgilaydi |
| translate(x, y) | 2D siljitishni (translation) belgilaydi |
| translate3d(x, y, z) | 3D siljitishni (translation) belgilaydi |
| translateX(x) | Faqat X o‘qi qiymatidan foydalanib siljitishni belgilaydi |
| translateY(y) | Faqat Y o‘qi qiymatidan foydalanib siljitishni belgilaydi |
| translateZ(z) | Faqat Z o‘qi qiymatidan foydalanib 3D siljitishni belgilaydi |
| scale(x, y) | 2D masshtablash transformatsiyasini belgilaydi |
| scale3d(x, y, z) | 3D masshtablash transformatsiyasini belgilaydi |
| scaleX(x) | X o‘qi uchun qiymat berib masshtablash transformatsiyasini belgilaydi |
| scaleY(y) | Y o‘qi uchun qiymat berib masshtablash transformatsiyasini belgilaydi |
| scaleZ(z) | Z o‘qi uchun qiymat berib 3D masshtablash transformatsiyasini belgilaydi |
| rotate(angle) | 2D burishni belgilaydi, burchak parametrda ko‘rsatiladi |
| rotate3d(x, y, z, angle) | 3D burishni belgilaydi |
| rotateX(angle) | X o‘qi bo‘ylab 3D burishni belgilaydi |
| rotateY(angle) | Y o‘qi bo‘ylab 3D burishni belgilaydi |
| rotateZ(angle) | Z o‘qi bo‘ylab 3D burishni belgilaydi |
| skew(x-angle, y-angle) | X va Y o‘qlari bo‘ylab 2D qiyshaytirish transformatsiyasini belgilaydi |
| skewX(angle) | X o‘qi bo‘ylab 2D qiyshaytirish transformatsiyasini belgilaydi |
| skewY(angle) | Y o‘qi bo‘ylab 2D qiyshaytirish transformatsiyasini belgilaydi |
| perspective(n) | 3D transformatsiya qilingan element uchun perspektiva ko‘rinishini belgilaydi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | none |
|---|---|
| Qaytariladigan qiymat: | Elementning transform xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS ma’lumotnomasi: transform xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!