Use the animation-fill-mode attribute to set the style of the element when the animation is not playing.
You can try running the following code to implement the animation-fill-mode attribute
<!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>The above is the detailed content of CSS animated fill mode property. For more information, please follow other related articles on the PHP Chinese website!
Bulk trading platform
How to turn off automatic updates in win10
How to solve the problem that laptop network sharing does not have permissions?
How to implement recursive query in mysql
Website creation software
What to do about connection error
Word single page changes paper orientation
Introduction to the usage of axis function in Matlab
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
