Sử dụng hướng hoạt ảnh thuộc tính để chạy hoạt ảnh theo hướng ngược lại. Thuộc tính được sử dụng với đảo ngược giá trị hoạt ảnh để đạt được điều này.
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>