Comment configurer l'élément pour qu'il clique pour s'arrêter lorsqu'il pivote à 360 degrés en CSS3

Méthode : 1. Utilisez l'attribut d'animation pour lier une animation de rotation de boucle à l'élément ; 2. Utilisez la règle @keyframes pour définir l'action de rotation de l'animation ; :paused}" instruction pour définir la boucle de l'élément. Pendant la rotation, cliquez sur l'élément pour arrêter la rotation.

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

Comment configurer l'élément pour qu'il clique pour s'arrêter lorsqu'il tourne à 360 degrés en CSS3

En CSS, vous pouvez utiliser l'attribut d'animation pour lier une animation de rotation circulaire à l'élément, puis utiliser les règles @keyframes pour ; définir l'action de rotation de l'animation.

Lorsque nous jouons une animation, si nous voulons mettre l'animation en pause, nous devons utiliser l'attribut animation-play-state. L'attribut animation-play-state a deux valeurs : paused : met l'animation en pause ; running : continue la lecture de l'animation ;

Nous pouvons le définir via le sélecteur actif ;

(Apprendre le partage vidéo :

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!