CSS ట్రాన్స్ఫార్మ్-స్టైల్ అట్రిబ్యూట్

నిర్వచనం మరియు ఉపయోగం

transform-style లక్షణం 3D అంతరిక్షంలో నిర్వహించబడే పెరిగిన అంశాలను నిర్మిస్తుంది.

ప్రకటన:ఈ లక్షణం అనేక లక్షణలతో కలిపి ఉపయోగించబడాలి. transform లక్షణలను కలిపి ఉపయోగించండి.

మరియు చూడండి:

CSS3 శిక్షణ మానలు:CSS3 2D ట్రాన్స్ఫార్మ్

CSS3 శిక్షణ మానలు:CSS3 3D ట్రాన్స్ఫార్మ్

HTML DOM పరిశీలన మానలు:transformStyle లక్షణం

ఉదాహరణ

మార్పులు చేసిన పిల్లలను 3D మార్పులను పరిరక్షించండి:

div {
  transform: rotateY(60deg);
  transform-style: preserve-3d;
}

స్వయంగా ప్రయత్నించండి

CSS సంకేతాలు

transform-style: flat|preserve-3d;

లక్షణ విలువ

విలువ వివరణ
ఫ్లాట్ పితురి కిరియానికి చెందిన పిల్లలు 3D స్థానాన్ని పరిరక్షించవు.
preserve-3d పితురి కిరియానికి చెందిన పిల్లలు 3D స్థానాన్ని పరిరక్షిస్తాయి.

సాంకేతిక వివరాలు

అప్రమేయం: ఫ్లాట్
పారంపర్యం: లేదు
సంస్కరణ: CSS3
జావాస్క్రిప్ట్ సంకేతాలు: ఆబ్జెక్ట్.style.transformStyle="preserve-3d"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను పేర్కొంటాయి.

ముందుగా -webkit- లేదా -moz- అనే సంఖ్యలు ప్రాథమిక ప్రత్యేకతను వినియోగించడానికి ఉపయోగిస్తాయి.

క్రోమ్ ఐఈ / ఎంజె ఫైర్ఫాక్స్ సఫారీ ఓపెరా
36.0
12.0 -webkit-
11.0 16.0
10.0 -moz-
9.0
4.0 -webkit-
23.0
15.0 -webkit-