Sử dụng JavaScript backfaceVisibility thuộc tính để đặt xem một phần tử có nên hiển thị khi không quay mặt vào màn hình hay không.
Ví dụ
Bạn có thể thử chạy mã sau để tìm hiểu cách triển khai backfaceVisibility thuộc tính trong 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>