Với hiệu ứng chuyển tiếp, bạn có thể dễ dàng thay đổi các giá trị thuộc tính. Bạn cũng có thể đặt thời lượng.
Hãy để chúng tôi thử thay đổi chiều cao của một phần tử:
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 150px;
background: blue;
transition: width 3s;
}
div:hover {
height: 200px;
}
</style>
</head>
<body>
<h1>Heading One</h1>
<p>Hover over the below box to change its height.</p>
<div></div>
</body>
</html>