Để đặt chế độ lấp đầy cho hoạt ảnh bằng CSS, hãy sử dụng chế độ lấp đầy hoạt ảnh bất động sản. Nó có các giá trị tiến, lùi, cho cả hai hướng, v.v.
Bạn có thể thử chạy đoạn mã sau để đặt chế độ lấp đầy cho hoạt ảnh;
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>