ตั้งค่าว่าองค์ประกอบควรแสดงขณะไม่หันหน้าจอหรือไม่ด้วย JavaScript

ใช้คุณสมบัติ JavaScript backfaceVisibility เพื่อตั้งค่าว่าองค์ประกอบควรแสดงขณะไม่หันหน้าจอหรือไม่

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีนำคุณสมบัติ backfaceVisibility ไปใช้ใน 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>