angulaire.js - Comment effectuer un nettoyage après la fin de l'animation CSS ?

Lors de l'étude de l'animation dans angulairejs, la méthode de base consiste à ajouter des classes pour contrôler l'animation, telles que : ng-enter, ng-enter-active, etc. Mais je n’arrive pas à comprendre comment les supprimer une fois l’animation terminée ? {Code...} Je pense que l'avantage de cec...

phpcn_u1582 2017-05-15 16:58:47 0  1  584

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

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

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

Comment utiliser php+mysql pour créer des tableaux de données dynamiques, urgent ! ! !

Comment utiliser php+mysql pour créer des tableaux de données dynamiques, urgent ! ! ! Comment utiliser php+mysql pour créer des tableaux de données dynamiques, urgent ! ! ! Comment utiliser php+mysql pour créer des tableaux de données dynamiques, urgent ! ! ! Comment utiliser php+mysql pour créer d...

joer 2021-05-12 02:06:09 0  4  1261

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

La lecture automatique de Swiper s'arrête si vous changez d'onglet ou réduisez le navigateur

J'ai fait une progression en lecture automatique pour un curseur en utilisant CSS. Lorsque la classe d'activité est ajoutée à la pagination, j'exécute une animation CSS qui dure aussi longtemps que le délai de lecture automatique du curseur. Tout fonctionnera correctement si vous ne changez pas d'on...

P粉715274052 2024-02-21 13:37:12 0  1  538

Comment savoir si la souris a arrêté de survoler un élément ?

Je veux savoir comment arrêter le survol de la souris sur un élément en javascript ou en utilisant css. Je crée une animation où l'arrière-plan change de couleur lorsque la souris le survole, et je souhaite également ajouter une animation lorsque la souris arrête de survoler l'élément. Comment puis-...

P粉547420474 2024-03-31 13:28:28 0  1  414

Comment créer une structure de répertoires générée automatiquement à l'aide de cmd

Bonjour enseignant! Vous pouvez expliquer en détail comment utiliser cmd pour créer une structure de répertoires générée automatiquement. Je suis un environnement intégré Win7 phpstudy. Je ne peux pas le faire.

风清扬 2019-01-17 13:27:06 0  3  1500

Comment animer la hauteur avec transformation sans presser le contenu

Dans mon projet, j'utilise jQueryslideUp() pour faire glisser des éléments vers le haut dans une liste de 200 éléments lorsque l'utilisateur clique sur un bouton. Cependant, les animations CSS en hauteur sont connues pour nécessiter une redistribution, ce qui entraîne des animations instables. L'ani...

P粉208469050 2024-01-01 11:51:20 0  1  480

Masquer et afficher du contenu animé : créez des pages HTML avec des effets de transition

J'essaie de créer un site Web qui affiche du contenu sous la forme d'un livre, avec des animations pour tourner les pages. Il existe différentes images SVG à animer pour le contenu de chaque "page" ; je ne sais pas comment procéder. Fondamentalement, existe-t-il un moyen d'afficher et de m...

P粉674757114 2023-09-10 17:41:45 0  1  701

Comment obtenir une transition de couleur fluide d'une animation à dégradé effilé ?

J'anime un dégradé effilé mais le changement de couleur n'est pas assez fluide. J'ai consulté divers articles mais je n'arrive pas à les reproduire correctement. Vous pouvez trouver mon code ici : <style>body{min-height:100vh;display : flex ;align-items:center;justify-content:center;}.pyramid{...

P粉285587590 2023-09-01 16:37:22 0  1  535

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

javascript - Problème de hook excessif avec Vue

{Code...} Veuillez copier, coller et exécuter. Utilisez l'événement officiellement fourni @after-apparaître à la fin de l'animation. Mais la console imprime 0. Elle devrait imprimer 0 et 1. En fait, ce que je veux réaliser, c'est que lorsque l'animation est terminée, continuez à la pousser et laisse...

滿天的星座 2017-05-18 10:59:35 0  1  624

Comment animer l'expansion de la disposition de la grille ?

Je veux savoir comment animer l'expansion d'une disposition en grille. Comme vous pouvez le voir dans le code, j'ai 4 divs. Deux d'entre eux seront affichés et les deux autres ne seront affichés que lorsque la case est cochée. Lorsque la case est cochée, une autre ligne sera ajoutée contenant div3 e...

P粉937382230 2023-08-31 21:09:37 0  1  529

La vibration et l'animation de l'image ne fonctionnent pas CSS

document.addEventListener('scroll',function(){constnavbar=document.querySelector(".nav-bar");constnavbarHeight=10;constdistanceFromTop=Math.abs(document.body.getBoundingClientRect().top);if(

P粉513318114 2024-04-02 20:07:39 0  1  510

Le chemin de routage ne restitue pas les composants React.js

J'essaie de créer des itinéraires de chemin animés à l'aide de framer-motion, mais le composant n'apparaît pas et apparemment, il y a une erreur indiquant que les itinéraires Home, Contact et about ne peuvent pas être résolus dans routesWithAnimation.js. import{useLocation}from"react-router-dom...

P粉713846879 2024-04-04 10:37:17 0  1  605

Afficher les panneaux latéraux masqués : coché

J'aimerais avoir un menu de navigation dans le panneau latéral avec la possibilité de passer aux vues via un menu hamburger animé. Je veux le créer en utilisant uniquement CSS, sans aucun JS. La pseudo-classe :checked semble être la voie à suivre, mais je n'arrive pas à la faire fonctionner. Le code...

P粉647504283 2024-04-06 15:49:33 0  1  597

Les boutons sur mobile restent focalisés ou actifs, provoquant des problèmes avec les animations CSS

J'essaie de réaliser une animation à chaque fois que je clique sur un bouton, cela fonctionne bien sur le bureau mais je ne parviens pas à obtenir le même effet sur mobile. Je dois d'abord cliquer sur le bouton, puis cliquer ailleurs pour défocaliser le CSS, puis cliquer à nouveau sur le bouton pour...

P粉043295337 2023-08-28 15:14:37 0  1  552

JavaScript met à jour les propriétés personnalisées CSS plus lentement que l'utilisation des styles d'éléments : comparaison des performances

J'ai créé un curseur de calendrier pour vue3 qui utilise les événements mousemove et touchmove pour implémenter l'animation coulissante, ainsi que des fonctions pour effectuer certaines animations rapides. Le projet peut être testé ici : https://stackblitz.com/github/Der-Alex/vue-calendar-slider?fil...

P粉235202573 2024-01-07 09:42:03 0  1  477