Tạo hiệu ứng chuyển động cho thuộc tính CSS transform

Để thực hiện animation trên thuộc tính transform với CSS, bạn có thể chạy đoạn mã sau:

Ví dụ

<!DOCTYPE html> <html>    <head>       <style>          div {             margin: auto;             border: 2px solid blue;             width: 300px;             height: 400px;             background-color: orange;             animation: myanim 3s;          }          @keyframes myanim {             30% {                transform: rotate(120deg);             }          }       </style>    </head>    <body>       <h1></h1>       <div>          <h1>Demo</h1>       </div>    </body> </html>