CSS perspective() फ़ंक्शन

वर्णन और उपयोग

CSS perspective() उपयोगकर्ता को z=0 सतह से की दूरी निर्दिष्ट करता है।

perspective() फ़ंक्शन transform गुण में.

इस्तेमाल

सेट करने के लिए perspective() दो घण्टे को कुछ दृश्य प्रभाव जोड़ें:

.cube1 {
  font-size: 4em;
  width: 2em;
  margin: 1.5em auto;
  transform-style: preserve-3d;
  transform: perspective(5cm) rotateX(-15deg) rotateY(30deg);
}
.cube2 {
  font-size: 4em;
  width: 2em;
  margin: 1.5em auto;
  transform-style: preserve-3d;
  transform: perspective(10cm) rotateX(-15deg) rotateY(30deg);
}

स्वयं अभ्यास करें

CSS व्याकरण

perspective(लंबाई|none)
मूल्य वर्णन
लंबाई आवश्यक. उपयोगकर्ता को z=0 सतह से की दूरी निर्दिष्ट करता है. none का अर्थ है कि कोई ट्रांसफॉर्म नहीं किया जाएगा。

तकनीकी विवरण

संस्करण: CSS Transforms Module Level 2

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

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

च्रोम एज फ़ायरफॉक्स सैफारी ऑपेरा
perspective()
12 12 10 4 15
perspective(none)
97 97 93 15.4 83

संबंधित पृष्ठ

तालीमी:CSS 3D ट्रांसफॉर्म

संदर्भःCSS ट्रांसफॉर्म प्रभाव

संदर्भःCSS rotate() फ़ंक्शन

संदर्भःCSS rotate3d() फ़ंक्शन

संदर्भःCSS rotateX() फ़ंक्शन

संदर्भःCSS rotateY() फ़ंक्शन

संदर्भःCSS rotateZ() फ़ंक्शन