Để đặt các phần tử giữ lại các giá trị kiểu được đặt bởi khung hình chính đầu tiên, hãy sử dụng chế độ hoạt hình tài sản với tiền đạo giá trị.
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 200px;
position: relative;
background: red;
animation-name: myanim;
animation-duration: 2s;
animation-fill-mode: forwards;
}
@keyframes myanim {
from {left: 0px; background-color: green;}
to {left: 200px; background-color: blue;}
}
</style>
</head>
<body>
<div></div>
</body>
</html>