CSS perspective गुण

विभावना और उपयोग

perspective गुण 3D एलीमेंट की दृश्य से की दूरी को पिक्सल में निर्धारित करता है। यह गुण आपको 3D एलीमेंट को देखने के दृष्टिकोण को बदलने की अनुमति देता है。

एलीमेंट को perspective गुण निर्धारित करने पर, उसके उप-एलीमेंट अधिकारिता प्राप्त करते हैं, न कि एलीमेंट स्वयं को अधिकारिता प्राप्त करता है。

टिप्पणी:perspective गुण केवल 3D ट्रांसफॉर्म एलीमेंट को प्रभावित करता है。

सूचना:अनुशंसा करें perspective-origin इस गुण के साथ गुण का संयोजन करें, ताकि आप 3D एलीमेंट के नीचे की स्थिति को बदल सकें。

और देखें:

CSS3 पाठ्यक्रम:CSS3 3D ट्रांसफॉर्मेशन

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

उदाहरण

एलीमेंट को देखने की स्थिति को निर्धारित करें:

div
{
perspective: 500;
}

अपने आप प्रयोग करें

CSS व्याकरण

perspective: संख्या|none;

गुण मान

मान वर्णन
संख्या एलीमेंट की दृश्य से दूरी, पिक्सल में मापा जाता है。
कोई भी मूलभूत मान. 0 के समान. परिप्रक्ष्ट नहीं निर्धारित करें。

तकनीकी विवरण

मूलभूत मान: कोई भी
विरासतीयता: हाँ
संस्करण: CSS3
JavaScript व्याकरण: object.style.perspective=500

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

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

संख्या -webkit- या -moz- के साथ दिए गए संख्या पहली संस्करण का उपयोग करने के लिए प्रयोग किए जाते हैं。

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