Verwenden Sie die Eigenschaft animation-iteration-count, um mithilfe von CSS festzulegen, wie oft die Animation ausgeführt werden soll.
Das folgende Inhaltsbeispiel setzt die Anzahl der Animationen auf 2:
Live-Demo
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 200px;
background-color: yellow;
animation-name: myanim;
animation-duration: 2s;
animation-iteration-count: 2;
}
@keyframes myanim {
from {
background-color: green;
}
to {
background-color: blue;
}
}
</style>
</head>
<body>
<div> </div>
</body>
</html>Das obige ist der detaillierte Inhalt vonLegt fest, wie oft die Animation mithilfe von CSS ausgeführt werden soll. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
