Sử dụng thuộc tính chuyển tiếp CSS để đặt tất cả bốn thuộc tính chuyển đổi thành một dòng. Bạn có thể thử chạy mã sau để làm việc với thuộc tính chuyển đổi -
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>Heading One</h1>
<p>Hover over the below box to change its height.</p>
<div></div>
</body>
</html>