Animation continue CSS

J'ai le code CSS suivant ; le problème est que l'animation fonctionne comme je le souhaite, mais se réinitialise après 10 secondes, ce qui a l'air moche. Idéalement, j'aimerais avoir une animation infinie qui, au lieu de redémarrer, enveloppe l'image et lorsque le côté gauche de l'image sort du cane...

P粉928591383 2024-03-20 12:30:42 0  1  495

La signification spécifique du nom de l'animation CSS fait référence au mode de remplissage de l'animation

Récemment, j'ai essayé d'utiliser CSS pour créer une animation où l'opacité d'une classe spécifique passait de 0 % à 100 %. Mais j'ai rencontré quelques problèmes avec l'animation de class="bar". Nous pouvons voir que l'animation-fill-mode s'applique non seulement à l'animation du titre (q...

P粉441076405 2023-09-13 10:16:28 0  1  561

Un moyen d'empêcher l'animation CSS de s'arrêter lors de la suppression d'une classe

J'ai une grille. Lorsque je reçois un message de mise à jour du backend, je dois mettre en surbrillance les lignes en orange dans les 3 secondes. Lorsque je reçois une mise à jour, j'ajoute la classe CSS « ​​surligner » à ma ligne et je joue mon animation. .highlight{animation-name:highlight;animati...

P粉412533525 2023-08-29 16:15:06 0  1  525

javascript - La pause dans l'état de lecture de l'animation CSS mobile ne fonctionne pas sur iOS Animation-Play-State

La pause de l'état de lecture de l'animation CSS mobile ne fonctionne pas sur l'état de lecture d'animation iOS. Je veux cliquer sur l'image pour l'arrêter, puis cliquer sur l'image pour continuer la rotation. Cela peut être réalisé sur les téléphones Android, mais sur iOS, le premier clic sur l'ima...

给我你的怀抱 2017-06-26 10:53:05 0  1  1251

javascript - Quels sont les problèmes liés à l'animation CSS?

J'ai lu un article http://blog.csdn.net/ClaireKe... sur la refusion et la repeinture. J'ai quelques doutes : 1. Dans le mécanisme du navigateur, l'opération d'actualisation doit impliquer une redistribution et un repeint ? 2. Si la page contient une animation CSS, telle que `div { {code...

为情所困 2017-05-18 10:49:05 0  1  681

html5 - Utiliser une animation CSS pour décrire : une balle rebondit et tombe (durée 2s, exécutée une fois)

Utilisez l'animation CSS pour décrire : une balle rebondit de haut en bas (durée 2 s, exécutée une fois)

巴扎黑 2017-05-16 13:44:36 0  2  722

Conserver l'animation CSS dans son état final à la fin

J'exécute des animations sur certains éléments définis sur opacity:0 en CSS. Une classe d'animation est appliquée à l'événement onClick, à l'aide d'images clés, qui modifient l'opacité de 0 à 1 (ainsi que quelques autres modifications). Malheureusement, lorsque l'animation se termine, l'élément revi...

P粉950128819 2023-08-20 18:36:55 0  2  670

Problème d'animation Apple utilisant React et CSS en ligne

J'essaie de recréer cette animation dans React en utilisant HTML et CSS, en utilisant des styles en ligne et TypeScript. Je crée un objet avec des informations de style et je le référence dans l'attribut style. Ci-dessous le code. Cela ne fonctionne pas, je ne suis pas sûr de ce que je fais de mal, ...

P粉729436537 2024-01-10 17:08:30 0  1  351

javascript - J'ai trouvé un problème étrange. L'animation CSS que j'ai écrite s'est automatiquement mise en pause lorsque j'ai fermé l'onglet.

J'ai trouvé un problème étrange. L'animation CSS que j'ai écrite s'est automatiquement mise en pause lorsque j'ai fermé l'onglet et a continué à jouer lorsque j'ai développé l'onglet. J'utilise l'image d'arrière-plan pour me déplacer afin d'obtenir l'effet de mouvement. Est-ce lié à cette raison ?

给我你的怀抱 2017-06-30 09:52:30 0  1  860

Comment exécuter une animation CSS à chaque fois qu'une classe suivante est ajoutée à un élément

J'ai une classe d'animation CSS configurée pour pouvoir animer des éléments. Cette classe sera ajoutée lorsque vous cliquerez sur le bouton de saisie et je souhaite qu'elle apparaisse à l'écran chaque fois que vous cliquerez sur le bouton de saisie de l'exemple. Cependant, cela ne fonctionne que la ...

P粉714780768 2023-09-09 22:36:42 0  1  560

Animation CSS qui regarde de plus près et plus loin de gauche à droite, simulant le mouvement d'une façade vitrée sur un plateau tournant

J'essaie de créer une animation CSS qui se déplace horizontalement de gauche à droite tout en apparaissant de plus en plus loin, simulant le mouvement du verre sur un plateau tournant vu de face. Je m'approche mais ça ne semble toujours pas correct, actuellement on dirait qu'il se déplace le long d'...

P粉208469050 2023-09-04 21:59:55 0  1  569