Thuộc tính Transition shorthand trong CSS

Sử dụng thuộc tính CSS transition shorthand để đặt tất cả bốn thuộc tính transition vào một dòng. Bạn có thể chạy mã sau để làm việc với thuộc tính transition:

Ví dụ

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