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

Dans Vue.js, cliquez sur un bouton pour générer aléatoirement des animations

J'ai trois fichiers d'animation JSON du joueur Lottie - congratulations1.json, congratulations2.json et congratulations3.json. Les animations sont les suivantes : Félicitations 1 : <lottie-playerv-if="showPlayer1" class="justify-content-center" src=" ./../../

P粉722521204 2024-03-27 23:57:52 0  1  379

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

L'animation CSS ne disparaîtra pas

J'essaie de résoudre un problème d'animation simple dans lequel une image d'arrière-plan apparaît et disparaît en survol. Même si j'ai défini l'image clé, le navigateur Web l'affiche comme non définie : .elementor-section.elementor-element.core-range>.elementor-container:hover.product-image::befo...

P粉352408038 2023-08-18 16:45:01 0  1  581

Pourquoi mon animation Lottie se charge-t-elle correctement sur le serveur localhost mais pas sur le serveur de déploiement ?

Le problème est donc que toutes les animations Lottie se chargent sur mon serveur localhost, mais une fois l'application web déployée, les animations ne se chargent pas et j'obtiens des erreurs dans la console. Les fichiers d'animation sont des fichiers .json. Mon projet est le prochain projet jsRea...

P粉662614213 2024-03-29 12:05:35 0  2  469

javascript - Rotation des images du lecteur de musique

Semblable à NetEase Cloud Music et QQ Music, l'idée de faire pivoter l'image du milieu est d'utiliser js animate pour la contrôler, ou d'écrire une animation CSS3.

巴扎黑 2017-06-26 10:54:45 0  5  1395

php - Chers collègues, partagez vos idées de conception.

Je veux créer un tel backend, et les exigences sont les suivantes : 1. Créer un backend qui ajoute des mots-clés. . Il existe différentes catégories et gestion des autorisations. . . 2. Ajoutez un mot-clé avec la voix associée, les réponses associées, les vidéos associées, les animations et autres r...

我想大声告诉你 2017-06-26 10:49:03 0  1  812

javascript - Existe-t-il une bonne solution pour afficher et masquer des animations?

Exemple : Cela a le même effet que cette animation. Le div est masqué en premier. Après avoir cliqué sur le bouton, il s'affiche et a des effets d'animation. C'est la même chose lorsqu'il est masqué. Mais je l'ai définitivement écrit de manière trop complexe. Existe-t-il une solution plus simple (pa...

阿神 2017-06-30 09:59:55 0  5  1054

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

Comment Android implémente-t-il l'acquisition de réseau et le chargement des mises en page ?

Étant donné que le projet original de l'entreprise utilise WebView pour développer des produits, l'exécution des animations CSS3 est très lente. Je souhaite développer une version de l'application native, mais je souhaite également conserver l'avantage du Web qui peut mettre à jour l'interface de ma...

大家讲道理 2017-06-12 09:24:30 0  2  907

Utilisation de @property dans des composants stylisés : un guide

Je souhaite utiliser l'animation dans mon application mais cela nécessite la fonction @property dans SCSS : @property--border-angle{syntax:"<angle>";inherits:true;initial-value:0turn;} Existe-t-il un moyen de le faire c'est dans un composant stylisé ? Le code complet de l'animation s...

P粉808697471 2024-03-28 13:35:39 0  1  419

Pourquoi les images et animations disparaissent lors de l'ajout d'une classe dans la dernière colonne ?

J'essaie d'animer 6 images dans une boucle infinie. Lorsque j'ajoute la 6ème image et que j'ajoute la classe "poster", aucune image ne s'affiche, mais si j'omet d'ajouter la classe "poster" à la 6ème colonne (ou image), les 5 premières images s'affichent et s'animent correctement...

P粉792026467 2023-08-15 11:29:09 0  1  435

Vue 3 - Le lecteur Svgator est toujours indéfini.

Actuellement, je crée une animation SVG à l'aide de SVGator. Je l'ai importé en tant que ressource dans mon application et j'ai essayé de la faire fonctionner. J'ai suivi les instructions de la documentation et je l'ai fait fonctionner. Cependant, comme je devrai peut-être créer un grand nombre d'an...

P粉478835592 2023-07-28 08:44:31 0  1  543

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

javascript - Problème avec plusieurs directions de commutation dans swiper.js

La scène actuelle est comme ceci. Il y a quatre pages d'animation qui basculent à gauche et à droite, et chaque page d'animation doit pouvoir glisser vers le bas pour passer à une autre même page. Maintenant, j'utilise swiper.js. Comment puis-je basculer entre celles-ci. gauche et droite ? La page p...

过去多啦不再A梦 2017-06-24 09:43:29 0  1  878

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

node.js - Nodejs peut-il générer des animations GIF à partir de PNG par lots ? Avez-vous déjà rencontré cela ?

Par exemple, je souhaite créer quarante ou cinquante GIF à la fois. Chaque GIF contient deux images d'images source png. Puis-je implémenter la fonction de regroupement de png dans des GIF ? Il existe des générateurs de GIF en ligne sur Internet, mais ils ne peuvent générer qu'un seul GIF et ne peuv...

ringa_lee 2017-05-16 13:22:54 0  1  783

javascript - pourquoi deux éléments sont nécessaires pour créer un effet de défilement avec transformation

J'ai lu les articles d'autres personnes expliquant pourquoi il est nécessaire d'utiliser deux couches d'éléments pour effectuer deux animations afin d'obtenir l'effet parabolique d'une petite boule, au lieu d'écrire simplement un élément &lt;div class="ball"&gt;&lt;/div&gt;...

滿天的星座 2017-05-19 10:18:02 0  2  835

L'animation du graphique Google perd sa visibilité lorsque les données du graphique changent

J'ai du mal à faire fonctionner correctement les animations Google Chart. Je pense que le problème est que le graphique continue de se redessiner au lieu de simplement mettre à jour les données, mais sur la base de l'exemple de code de Google et de ma connaissance limitée de JavaScript, je ne sais p...

P粉170438285 2023-09-02 12:32:58 0  1  751

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