Sử dụng hướng hoạt ảnh thuộc tính để chạy hoạt ảnh theo một hướng thay thế. Thuộc tính được sử dụng với hoạt ảnh thay thế giá trị để đạ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: alternate;
animation-iteration-count: 3;
}
@keyframes myanim {
from {
background-color: green;
}
to {
background-color: blue;
}
}
</style>
</head>
<body>
<div></div>
</body>
</html>