Để đặt tên của thuộc tính CSS cho hiệu ứng chuyển tiếp, hãy sử dụng thuộc tính chuyển tiếp CSS.
Trong ví dụ dưới đây, chúng tôi đã đặt thuộc tính là chiều rộng và đặt cả thời lượng:
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 150px;
background: blue;
transition-property: width;
transition-duration: 3s;
}
div:hover {
width: 250px;
}
</style>
</head>
<body>
<h1>Heading One</h1>
<p>Hover over the below box to change its width.</p>
<div></div>
</body>
</html>