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- |
- ముంది పేజీ ట్రాన్స్ఫార్మ్ఓరిజిన్
- తరువాత పేజీ ట్రాన్సిషన్