Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để áp dụng chuyển đổi 2D hoặc 3D cho một phần tử bằng JavaScript?


Sử dụng biến đổi trong JavaScript để đặt chuyển đổi 2D hoặc 3D thành một phần tử. Đặt giá trị để xoay (60deg), nếu bạn muốn xoay nó thành 60 độ, v.v.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai chuyển đổi 2D hoặc 3D thành một phần tử bằng JavaScript -

<!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>