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

CSS3-Animation-Iteration-Count-Eigenschaft Syntax

Funktion: Das Attribut animation-iteration-count 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.

Die Endlosschleifenwiedergabe kann eingestellt werden, indem der Wert des Attributs ?animation-iteration-count“ in CSS3 auf ?unendlich“ gesetzt wird. Sie k?nnen auch die Anzahl der Animationswiedergaben anpassen

CSS3-Animation-Iteration-Count-Eigenschaft 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