Heim >Web-Frontend >CSS-Tutorial >Legt fest, wie oft die Animation mithilfe von CSS ausgeführt werden soll
Legt fest, wie oft die Animation mithilfe von CSS ausgeführt werden soll
- 王林nach vorne
- 2023-08-28 10:53:171272Durchsuche
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:
Beispiel
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!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Wie erstelle ich einen Verlaufsschatten mit CSS?Nächster Artikel：Wie erstelle ich einen Verlaufsschatten mit CSS?