transform-style
Misol
Transformatsiya qilingan bola elementlar 3D transformatsiyalarni saqlab qolsin:
div {
transform: rotateY(60deg);
transform-style: preserve-3d;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
transform-style xususiyati ichma-ich joylashgan elementlar 3D fazoda qanday render qilinishini belgilaydi.
Eslatma: Bu xususiyat transform xususiyati bilan birga ishlatilishi kerak.
transform-style xususiyatini yaxshiroq tushunish uchun namoyishni ko‘ring.
| Standart qiymat: | flat |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.transformStyle="preserve-3d" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| transform-style | 36 | 12 | 16 | 9 | 23 |
CSS sintaksisi
transform-style: flat|preserve-3d|initial|inherit;
Xususiyat qiymatlari
| Xususiyat qiymati | Tavsif |
|---|---|
| flat | Bola elementlar o‘zining 3D joylashuvini saqlab QOLMASLIGINI belgilaydi. Bu standart qiymat |
| preserve-3d | Bola elementlar o‘zining 3D joylashuvini saqlab qolishini belgilaydi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Tegishli sahifalar
CSS darsligi: CSS 2D transformatsiyalari
CSS darsligi: CSS 3D transformatsiyalar
HTML DOM ma’lumotnomasi: transformStyle xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!