JavaScriptで画面に面していないときに要素を表示するかどうかを設定しますか?
例
次のコードを実行して、 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> -
JavaScriptで要素のマージンを設定するにはどうすればよいですか?
マージンを使用する JavaScriptのプロパティ。マージンを設定します。次のコードを実行して、JavaScriptで要素のマージンを設定してみてください- 例 <!DOCTYPE html> <html> <body> <button type="button" onclick="display()">Set all four margins</button> <p id=
-
CSSで画面に面していないときに要素を表示するかどうかを決定します
画面に面していないときに要素を表示するかどうかを決定するには、backface-visibilityプロパティを使用します: 例 <!DOCTYPE html> <html> <head> <style> .demo1 { position: relative; width: 150px;