transform-styleИмовине, када се примењује на елемент, утврђује да ли деца тог елемента је су постављени у 3Д простору, или сравњена са земљом.
.parent ( transform-style: preserve-3d; )Прихвата једну од две вредности: flat(подразумевано) и preserve-3d. Да бисте демонстрирали разлику између две вредности, кликните дугме за пребацивање у ЦодеПену испод:
Када се кликне на дугме, демонстрација користи ЈаваСцрипт за пребацивање transform-styleвредности између preserve-3dи flat.
Као што видите, када се вредност промени у flat, подређени елементи се више не слажу према translateZвредностима (у 3Д простору), већ се поравнавају да би се приказали онако како су елементи подразумевано на ХТМЛ страници.
Подршка прегледача
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| 12+ | 4+ | 10+ | 15+ | Ниједан | 3.0+ | 3.2+ |
Сви прегледачи захтевају добављачке префиксе, осим Фирефок-а 16+. Опера користи -webkit-верзију 15 и конверзију Блинк.
ИЕ10 подржава 3Д трансформације, али не подржава transform-styleсвојство.