Utilisez l'attribut animation-fill-mode pour styliser l'élément lorsque l'animation n'est pas en cours de lecture.
Vous pouvez essayer d'exécuter le code suivant pour implémenter l'attribut animation-fill-mode
<!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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Plateforme de trading en masse
Comment désactiver les mises à jour automatiques dans Win10
Comment résoudre le problème selon lequel le partage réseau d'ordinateurs portables n'a pas d'autorisations ?
Comment implémenter une requête récursive dans MySQL
Logiciel de création de site internet
Que faire en cas d'erreur de connexion
Une seule page Word change l'orientation du papier
Introduction à l'utilisation de la fonction axis dans Matlab
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
