Maison >interface Web >tutoriel CSS >css3 qui consiste à définir le nombre de fois de lecture de l'animation

css3 qui consiste à définir le nombre de fois de lecture de l'animation

醉折花枝作酒筹
醉折花枝作酒筹original
2021-07-14 15:10:583540parcourir

En CSS, vous pouvez utiliser l'attribut animation-iteration-count pour définir le nombre de fois de lecture de l'animation. Il vous suffit de définir le style "animation-iteration-count: infinite" sur l'élément.

css3 qui consiste à définir le nombre de fois de lecture de l'animation

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3. L'attribut

animation-iteration-count est principalement utilisé pour définir le nombre de fois que l'animation est jouée.

Règles de syntaxe :

animation-iteration-count: infinite | [, infinite | ]*

1. Sa valeur est généralement un nombre entier, mais vous pouvez également utiliser des nombres avec des décimales. Sa valeur par défaut est 1, ce qui signifie que l'animation ne sera jouée qu'une seule fois du début à la fin.

2. Si la valeur est infinie, l'animation sera jouée à l'infini.

Exemple :

Utilisez l'attribut animation-iteration-count pour que le mouvement d'animation ne soit lu que 5 fois. Le code est défini sur :

animation-iteration-count:5 ;

Remarque : pour les navigateurs Chrome ou Safari, vous devez ajouter le préfixe -webkit- !

Apprentissage recommandé : Tutoriel vidéo CSS

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn