बैकफेस विजिबिलिटी प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि उपयोगकर्ता द्वारा सामना किए जाने पर किसी तत्व का पिछला चेहरा दिखाई देगा या नहीं। यह केवल 3डी रूपांतरण के लिए महत्वपूर्ण है ताकि जब आप उस तत्व को घुमाते हैं तो आप उसका पिछला भाग देखना चाहते हैं या नहीं।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैबैकफेस विजिबिलिटी प्रॉपर्टी सेट करना -
object.style.backfaceVisibility = "visible|hidden|initial|inherit"
मान
निम्नलिखित मान हैं -
| Sr.No | मान और विवरण |
|---|---|
| 1 | दृश्यमान यह बैकसाइड को दृश्यमान बनाता है और यह डिफ़ॉल्ट मान है। |
| 2 | छुपा यह पीठ को छुपाता है। |
| 3 | आरंभिक इस संपत्ति को प्रारंभिक मूल्य पर सेट करने के लिए। |
| 4 | उत्तराधिकारी मूल संपत्ति मूल्य प्राप्त करने के लिए। |
उदाहरण
आइए बैकफेस विजिबिलिटी प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<head>
<style>
div {
position: relative;
height: 80px;
width: 80px;
background-color: lightgreen;
float: left;
text-align: center;
letter-spacing: 0.8px;
margin-bottom:10px;
}
#one {
transform: rotateY(180deg);
backface-visibility: visible;
}
p{
clear:both;
}
</style>
<script>
function visibilityChange(){
document.getElementById("one").style.backfaceVisibility="hidden";
document.getElementById("Sample").innerHTML="The backface visibility is now set to hidden.";
}
</script>
</head>
<body>
<div id="one">Lateral Inversion</div>
<div>Lateral inversion</div>
<br>
<p>Click the below button to change the above div backface visibility value</p>
<button onclick="visibilityChange()">CHANGE VISIBILITY</button>
<p id="Sample"></p>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
दृश्यता बदलें बटन क्लिक करने पर -
