L'attribut CSS animation-iteration-count est utilisé pour définir le nombre de fois de lecture de l'animation ; définir la valeur de l'attribut animation-iteration-count sur infini peut obtenir une lecture en boucle infinie de l'animation.
Comment utiliser la propriété css animation-iteration-count ?
Fonction : L'attribut animation-iteration-count définit le nombre de fois que l'animation est jouée.
Syntaxe :
animation-iteration-count: n|infinite;
Description : n définit le nombre de fois de lecture de l'animation. infinite spécifie que l'animation doit être jouée à l'infini.
Remarque : Internet Explorer 9 et les versions antérieures ne prennent pas en charge la propriété animation-iteration-count.
Exemple d'utilisation de la propriété CSS animation-iteration-count
<!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>Effet :
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!
utilisation de l'instruction switch
Classement des prestataires de services CDN étrangers
Quels sont les espaces sans inscription en Chine ?
Qu'est-ce que ^quxjg$c
Comment résoudre le problème selon lequel document.cookie ne peut pas être obtenu
Comment fermer le démarrage sécurisé
Que signifie STO dans la blockchain ?
La solution au paramètre d'interface chinoise de vscode ne prend pas effet
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
