Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptを使用して要素に2Dまたは3D変換を適用するにはどうすればよいですか？

変換を使用する 2Dまたは3D変換を要素に設定するJavaScriptのプロパティ。 60度に回転させる場合などは、回転する値（60度）を設定します。

例

次のコードを実行して、JavaScriptを使用して要素に2Dまたは3D変換を実装することができます-

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            margin-left: 20px;
            border: 2px solid black;
            width: 300px;
            height: 250px;
            background-color: gray;
            color: white;
         }
      </style>
   </head>
   <body>
      <button onclick = "display()">Apply</button>

      <div id = "box"><p>Demo Text</p></div>

      <script>
         function display() {
            document.getElementById("box").style.transform = "rotate(60deg)";
         }
      </script>
   </body>
</html>

  1. 要素がJavaScriptで非表示になっているかどうかを確認するにはどうすればよいですか？

    JavaScriptで要素が非表示になっているかどうかを確認するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva,

  2. CSSを使用して要素に2Dまたは3D変換を適用する方法

    CSSのtransformプロパティを使用して要素に2Dまたは3D変換を適用します。次のコードを実行して、変換を使用して要素を回転させることができます 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 200px;         &n