Home > Article > Web Front-end > Set the CSS style of the element when the animation is not playing
Set the CSS style of the element when the animation is not playing
- 王林forward
- 2023-09-08 19:13:02959browse
Use the animation-fill-mode attribute to set the style of the element when the animation is not playing
Example
Live demonstration
<!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 Set the CSS style of the element when the animation is not playing. For more information, please follow other related articles on the PHP Chinese website!
Statement：
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete