CSS perspective-origin गुण

परिभाषा और इस्तेमाल

perspective-origin गुण 3D तत्व को आधारित करने वाले X-अक्ष और Y-अक्ष को परिभाषित करता है।यह गुण 3D तत्व के निचले स्थान को बदलने की अनुमति देता है。

जब perspective-origin गुण को एक तत्व पर परिभाषित किया जाता है, तो उसके उपतत्व असली तत्व के बजाय दृश्य को प्राप्त करते हैं。

टिप्पणी:इस गुण को निम्नलिखित गुणों के साथ इस्तेमाल किया जाना चाहिए: perspective गुणों को एक साथ इस्तेमाल किया जाता है और केवल 3D ट्रांसफॉर्म तत्वों पर प्रभाव डालता है。

और देखें:

CSS3 शिक्षा:CSS3 3D ट्रांसफॉर्म

HTML DOM संदर्भ दस्तावेज़:perspectiveOrigin गुण

उदाहरण

3D तत्व के आधार स्थान को सेट करें:

div
{
perspective:150;
perspective-origin: 10% 10%;
}

खुद आज्ञा करें

CSS व्याकरण

perspective-origin: x-axis y-axis;

गुण मान

मान वर्णन
x-axis

इस दृश्य को x-अक्ष पर का स्थान निर्धारित करता है।मूलभूत मान: 50%。

संभावित मान:

  • left
  • center
  • right
  • length
  • %
y-axis

इस दृश्य को y-अक्ष पर का स्थान निर्धारित करता है।मूलभूत मान: 50%。

संभावित मान:

  • top
  • center
  • bottom
  • length
  • %

तकनीकी विवरण

मूलभूत मान: 50% 50%
विरासत: no
संस्करण: CSS3
JavaScript व्याकरण: object.style.perspectiveOrigin="10% 10%"

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण के पूर्ण समर्थन वाले पहले ब्राउज़र का संस्करण को निर्दिष्ट करते हैं。

च्रोम IE / एज फ़ाइरफॉक्स सैफारी ओपेरा
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-