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

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

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

Qu'est-ce qui fait que les animations de texte CSS tremblent excessivement lors du chargement ?

J'ai essayé toutes les astuces que j'ai pu trouver, mais l'animation est toujours très saccadée. J'ai essayé de suivre quelques conseils sur une autre question où il était recommandé d'utiliser des transitions au lieu d'images clés, mais il semble que simplement en utilisant des transitions, je dois...

P粉872101673 2024-04-01 23:54:24 0  1  595

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

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

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

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

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

angulaire.js - Tous les effets de chargement du site Web peuvent-ils être extraits?

Le front-end utilise Angularjs, et de nombreuses opérations doivent afficher des animations de chargement, y compris le chargement global et spécifique. Par exemple, après avoir cliqué sur un bouton, l'icône du bouton se transforme en chargement, et par exemple, lors du téléchargement d'un avatar. ,...

曾经蜡笔没有小新 2017-05-15 16:49:27 0  1  668

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

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

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

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

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

javascript - Faites défiler jusqu'à la hauteur spécifiée et commencez à lire les animations à tour de rôle. C'est ainsi que procède le site officiel de QQPC. Quelle bibliothèque open source doit être utilisée pour la rendre plus pratique ?

http://im.qq.com/pcqq/ Étudions-le

大家讲道理 2017-05-16 13:21:45 0  6  629

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

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

javascript - Le code pour modifier l'image de la boîte dans la liste déroulante.

Désolé pour la partie corps de la partie js ci-dessus, je ne sais pas pourquoi je ne peux pas copier le code, donc je ne peux poster que des photos.

阿神 2017-05-19 10:41:50 0  2  697

Comment ionic2 utilise-t-il les styles d'iOS sur la plateforme Android

Les styles par défaut des composants Android sont trop laids. Comment puis-je utiliser les styles par défaut d'iOS sur la plateforme Android ?

ringa_lee 2017-05-19 10:41:51 0  1  611