Maison> interface Web> tutoriel CSS> le corps du texte

Comment annuler l'effet d'animation en CSS3

WBOY
Libérer: 2021-12-16 10:50:49
original
7858 Les gens l'ont consulté

En CSS, vous pouvez utiliser l'attribut "animation-play-state" pour annuler l'effet d'animation. Cet attribut peut spécifier l'effet de pause en cours de l'animation. Lorsque la valeur de l'attribut est "en pause", l'animation sera. en pause, c'est-à-dire que l'effet d'animation est annulé. La syntaxe "element { animation-play-state:paused}".

Comment annuler l'effet d'animation en CSS3

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

Comment annuler l'effet d'animation en CSS3

En CSS, si vous souhaitez annuler l'effet d'animation, vous pouvez utiliser l'attribut animation-play-state. L'attribut

animation-play-state spécifie si l'animation est en cours d'exécution ou en pause. La syntaxe est la suivante :

animation-play-state: paused|running;
Copier après la connexion

La valeur de l'attribut est exprimée comme suit :

Comment annuler leffet danimation en CSS3

L'exemple est le suivant :

      Document  
Copier après la connexion

Résultat de sortie :

Comment annuler leffet danimation en CSS3

(Partage vidéo d'apprentissage :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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!