JavaScript का उपयोग करें बैकफेस विजिबिलिटी संपत्ति यह निर्धारित करने के लिए है कि स्क्रीन का सामना नहीं करते समय कोई तत्व दिखाई देना चाहिए या नहीं।
उदाहरण
आप बैकफेस विजिबिलिटी को लागू करने का तरीका जानने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं जावास्क्रिप्ट में संपत्ति -
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 200px;
height: 300px;
background: blue;
color: black;
animation: mymove 2s infinite linear alternate;
}
@keyframes mymove {
to {transform: rotateY(180deg);}
}
</style>
</head>
<body>
<p>Check below to display backface</p>
<div id="box">
<h1>Demo</h1>
</div>
<input type="checkbox" onclick="display(this)" checked>backfaceVisibility Property
<script>
function display(x) {
if (x.checked === true) {
document.getElementById("box").style.backfaceVisibility = "visible";
} else {
document.getElementById("box").style.backfaceVisibility = "hidden";
}
}
</script>
</body>
</html>