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  578

css - problème de changement de couleur d'animation

Il s'agit de la valeur de couleur initiale. Voir la démo pour plus de détails. Mais la valeur de couleur change après l'écriture de l'effet d'animation. Comment puis-je rendre la couleur de l'animation cohérente avec la couleur de la valeur initiale ?

世界只因有你 2017-06-28 09:27:36 0  1  1259

Quels sont les avantages et les inconvénients de l'animation SVG et de l'animation CSS3 ?

RT, dans quelles situations un effet d'animation de transition est-il adapté à quelle solution ?

曾经蜡笔没有小新 2017-05-16 13:21:17 0  1  680

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  513

Animation de glissement modal réactif

J'ai implémenté un modal dans React et CSS et actuellement, lorsque je l'ouvre, j'ai implémenté une animation coulissante vers le haut où le modal glisse vers le haut depuis le bas, mais quand je le ferme, je veux qu'il descende. Swipe, je n'arrive pas à comprendre comment pour créer avec précision ...

P粉514458863 2023-08-30 22:49:29 0  1  587

javascript - Pourquoi l'utilisation d'animation-defer ou de setimeout pour retarder provoque-t-elle le blocage de l'animation, alors que ne pas utiliser de retard est très fluide?

1. Pourquoi l'utilisation d'animation-defer ou de setimeout pour retarder provoque-t-elle un décalage d'animation, mais c'est très fluide sans utiliser de retard. Je déplace une image de 800 000 K. Son décalage ne signifie pas qu'elle sera toujours bloquée. Par exemple, comme indiqué ci-dessous. ani...

PHP中文网 2017-05-24 11:37:02 0  1  823

Animation de commutation de carrousel CSS

Comme le montre la figure, si une animation écrite en JS est définie avec un effet excessif, une telle situation se produira. Comment JS peut-il changer cette situation ? {code...}

習慣沉默 2017-06-12 09:33:00 0  1  904

javascript - animation de transition automatique de hauteur de transition

1. Pourquoi n'y a-t-il pas d'effet d'animation lors du rétrécissement ? 2. Code {code...} 3. Démo en ligne (résolu)

大家讲道理 2017-05-16 13:21:31 0  3  837

Comment créer une animation dégradée en utilisant CSS

Je souhaite déplacer mon dégradé avec plusieurs couleurs en douceur, mais le problème est que l'animation n'est pas fluide. Il change simplement de position à chaque étape. <style>.animated{largeur:300px;hauteur:300px;border:1pxsolidblack;animation:gra5sinfinite;animation-direction:reverse;-we...

P粉909476457 2023-09-18 09:47:10 0  2  774

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  1267

animation de progression du défilement

J'ai besoin de savoir comment animer la progression du défilement. Ce n'est pas la progression normale du défilement, mais quelque chose de différent. Je fournirai un lien vers le site Web ainsi qu'une capture d'écran de la partie spécifique contenant l'animation que je recherche. https://todoist.co...

P粉821808309 2024-03-29 19:36:49 0  1  439

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  540

javascript - L'effet d'animation de chargement de la page ne s'affiche pas?

1. Le projet sur lequel je travaille actuellement est une page de table de données. Étant donné que la requête en arrière-plan prend beaucoup de temps, afin d'améliorer l'expérience utilisateur, une animation de chargement est ajoutée. Il n'y a aucun problème avec le plug-in de chargement de l'anima...

迷茫 2017-05-19 10:18:28 0  4  726

Fenêtre de préchargement de l'animation du compteur numérique lors du chargement de Javascript Html CSS

Je souhaite créer une animation de compteur de chiffres sur mon site Web de portfolio. J'ai du code jquery dans mon ancien site Web qui passe du préchargeur au site Web lorsqu'il est complètement chargé. <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove...

P粉523625080 2023-09-11 22:37:54 0  1  687