Cách làm việc với CSS Transitions?

Sử dụng thuộc tính transition để làm việc với CSS Transitions.

Ví dụ

Bạn có thể chạy mã sau để triển khai transitions trong CSS:

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        width: 150px;
        height: 150px;
        background: blue;
        transition: width 4s;
      }
      div:hover {
        width: 200px;
      }
    </style>
  </head>
  <body>
    <h1>Tiêu đề Một</h1>
    <p>Di chuột qua hộp dưới để thay đổi chiều rộng.</p>
    <div></div>
  </body>
</html>