Animation

英[??t??re??n ] US [??t??re??n]

n Wiederholen; Nacherz?hlen; [Computer]-Zyklus

Englisch [ka?nt] US [ka?nt]

n.Gesamtzahl; z?hlen; Argument; z?hlen; z?hlen; z?hlen; dritte Person Singular: z?hlt Pr?sens: gez?hlt

CSS-Eigenschaft ?animation-iteration-count'. Syntax

Wie verwende ich das Attribut ?animation-iteration-count“?

Das Attribut ?animation-iteration-count“ wird verwendet, um die Anzahl der Wiedergaben der Animation zu definieren. Wenn Sie den Wert des Attributs ?animation-iteration-count“ auf ?unendlich“ setzen, kann die Animation in einer Endlosschleife abgespielt werden.

Funktion: animation-iteration-count-Attribut definiert die H?ufigkeit, mit der die Animation abgespielt wird.

Syntax: animation-iteration-count: n|infinite;

Beschreibung: n Definiert die Anzahl der Animationswiedergabezeiten. unendlich gibt an, dass die Animation unendlich abgespielt werden soll.?

Hinweis: Internet Explorer 9 und frühere Versionen unterstützen die Eigenschaft ?animation-iteration-count“ nicht.

CSS-Eigenschaft ?animation-iteration-count'. Beispiel

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:mymove 3s;
animation-iteration-count:3;

/* Safari and Chrome */
-webkit-animation:mymove 3s;
-webkit-animation-iteration-count:3;
}

@keyframes mymove
{
from {top:0px;}
to {top:200px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
from {top:0px;}
to {top:200px;}
}
</style>
</head>
<body>

<p><strong>注釋：</strong>Internet Explorer 9 以及更早的版本不支持 animation-iteration-count 屬性。</p>

<div></div>

</body>
</html>

Instanz ausführen ?

Klicken Sie auf die Schaltfl?che ?Instanz ausführen“, um die Online-Instanz anzuzeigen