Sử dụng hướng hoạt ảnh thuộc tính để đặt xem hoạt ảnh sẽ được phát tới, lùi hay theo các chu kỳ thay thế.
Bạn có thể thử chạy mã sau để triển khai hướng hoạt ảnh tài sản:
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 200px;
background-color: yellow;
animation-name: myanim;
animation-duration: 2s;
animation-direction: reverse;
}
@keyframes myanim {
from {
background-color: green;
}
to {
background-color: blue;
}
}
</style>
</head>
<body>
<div></div>
</body>
</html>