ব্যাকফেসভিজিবিলিটি প্রপার্টি ব্যবহার করা হয় ব্যবহারকারীর মুখোমুখি হলে কোনো উপাদানের পেছনের মুখ দৃশ্যমান হবে কি না তা নির্দিষ্ট করতে। এটি শুধুমাত্র 3D রূপান্তরের জন্য গুরুত্বপূর্ণ যাতে আপনি যখন উপাদানটিকে ঘোরান তখন আপনি এটির পিছনে দেখতে চান বা না দেখতে চান৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলব্যাকফেসভিজিবিলিটি প্রপার্টি −
সেট করা হচ্ছে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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ ভিজিবিলিটি বোতামে ক্লিক করলে -
