Để đặt các phần tử giữ lại các giá trị kiểu được đặt bởi khung hình chính cuối cùng, hãy sử dụng chế độ hoạt hình thuộc tính có giá trị ngược.
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: backwards;
}
@keyframes myanim {
from {left: 0px; background-color: green;}
to {left: 200px; background-color: blue;}
}
</style>
</head>
<body>
<div></div>
</body>
</html>