x
<html><head><style> div { width: 100px; height: 100px; background: red; color: white; animation: mymove 2s infinite linear alternate;}@keyframes mymove { to {transform: rotateY(180deg);}}</style></head><body><h1>Change backface-visibility with JavaScript</h1><p>Check/uncheck the checkbox to change the backface-visibility of the animated DIV element:</p><div id="myDIV"><h1>Hello</h1></div><input type="checkbox" onclick="myFunction(this)" checked>backface-visibility<script>function myFunction(x) { if (x.checked === true) { document.getElementById("myDIV").style.WebkitBackfaceVisibility = "visible"; // Safari document.getElementById("myDIV").style.backfaceVisibility = "visible"; } else { document.getElementById("myDIV").style.WebkitBackfaceVisibility = "hidden"; // Safari document.getElementById("myDIV").style.backfaceVisibility = "hidden"; }}</script></body></html>