सीएसएस परिप्रेक्ष्य-मूल संपत्ति
उदाहरण
परिभाषित करें कि उपयोगकर्ता किस स्थिति से 3D-स्थित तत्व को देख रहा है:
#div1
{
perspective: 100px;
perspective-origin: left;
}
परिभाषा और उपयोग
संपत्ति परिभाषित करती है कि perspective-originउपयोगकर्ता किस स्थिति से 3D-स्थित तत्व को देख रहा है।
किसी तत्व के लिए संपत्ति को परिभाषित करते समय perspective-origin, यह CHILD तत्व हैं जो प्रभाव प्राप्त करेंगे, न कि स्वयं तत्व।
नोट: इस संपत्ति का उपयोग परिप्रेक्ष्य संपत्ति के साथ संयोजन में किया जाना चाहिए !
परिप्रेक्ष्य-मूल संपत्ति को बेहतर ढंग से समझने के लिए, एक डेमो देखें ।
| डिफ़ॉल्ट मान: | 50% 50% |
|---|---|
| विरासत में मिला: | नहीं |
| एनिमेटेबल: | हां। एनिमेटेबल के बारे में पढ़ें |
| संस्करण: | CSS3 |
| जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.perspectiveOrigin="10px 50%" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
-वेबकिट- या -मोज़ के बाद की संख्याएं- पहले संस्करण को निर्दिष्ट करें जो उपसर्ग के साथ काम करता है।
| Property | |||||
|---|---|---|---|---|---|
| perspective-origin | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
सीएसएस सिंटेक्स
perspective-origin: x-axis y-axis|initial|inherit;
सम्पत्ति की कीमत
| Property Value | Description |
|---|---|
| x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
| y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
संबंधित पृष्ठ
CSS ट्यूटोरियल: CSS 3D Transforms
एचटीएमएल डोम संदर्भ: परिप्रेक्ष्य मूल संपत्ति