> ## Documentation Index > Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt > Use this file to discover all available pages before exploring further. # Animations > Modifier les mouvements de logo, les entrées de carte, les effets de survol et l'installation de squelette. Page Creative **Animations** ouvrir la pièce. Pour les mouvements de logo **Animations de logos**pour la carte et le comportement de chargement **Animations de contenu** Utilisez l'éditeur. ## Régler la hauteur du logo et le mouvement **Animation du logo** interrupteur ouvert et ferme le mouvement. **Hauteur du logo (px)** champ **32–300** Définissez la taille du logo sur l'écran en entrant une valeur entre. Pour changer le fichier visuel [Logo](https://docs.zonely.gen.tr/fr/guides/page-builder/logo.md) Allez dans la section. [![Logo animation, Layer Insert, Layer settings, Reduce movement](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/11-logo-animasyon-fr.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=14ce059e45f3241e2b18bb54767fdc1c)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/11-logo-animasyon-fr.png) > [card] 1. Animation du logo > > Ouvrir le mouvement du logo et ajuster la hauteur séparément. > [card] 2. Insérer un calque > > Vous pouvez utiliser un mode de mouvement et de travail différent dans chaque couche. > [card] 3. Paramètres des calques > > Sélectionnez le type, l'heure, le délai et le mode. > [card] 4. Réduire les mouvements > > Utilisez un réglage de mouvement réduit pour un look plus silencieux. **Ajouter un calque** Ajoutez un mouvement avec le bouton. Votre calque **Genre**, **Durée**, **Délai** et **Sommaire** remplissent les champs. Le temps et le délai sont en millisecondes; **1000 ms, 1 seconde**. Il y a des mouvements tels que saut, oscillation, pouls, inhalation, glissement, zoom, basculement, entrée floue et éclat dans la liste des types. Commencez par un calque d'abord **Rejouer l'aperçu** Appuyez sur le bouton; puis ajoutez le deuxième calque si nécessaire. **Présentation** pour les mouvements initiaux. Les couches **Conséquences** sont jouées dans l'ordre. **Boucles infinies** est utilisé pour les couches qui se répètent après le début. La liste du mode **Sortie** ne se déclenche pas par lui-même dans l'aperçu du logo actuel. Accueil **Up / Down** change la séquence des boutons; **Supprimer** seul supprime ce calque. **Mouvement Azalt** Vous pouvez arrêter le mouvement en prévisualisation avec l'option. Le choix de mobilité réduite de l'appareil est également considéré. ## Préparer l'animation des cartes **Animations de contenu** fenêtre **Animations** ouvrir la clé. Les zones détaillées apparaissent. [![Trigger, Time and ranking, Visibility threshold, Motion curve](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/12-icerik-animasyon-fr.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=b4eef411fa1545b6fc372705c9b77d8f)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/12-icerik-animasyon-fr.png) > [card] 1. Déclencheur > > La page de déménagement commence à charger ou à entrer la zone visible de la carte. > [card] 2. Temps et tri > > La longueur du mouvement est; attendez entre les lignes des cartes de retard. > [card] 3. Seuil de visibilité > > Value de 0–1 détermine le taux de cartes qui doit apparaître. > [card] 4. Courbe de mouvement > > Sélectionnez une des courbes prêtes ou modifiez la valeur de l'assouplissement. **Genre** Sélectionnez la zone de Soluk, Haut Kay, Droite, Fermer ou Traduire. **Déclencheur**, mouvement **Lorsque la page est chargée** ou carte **Lorsque vous entrez le champ de vue** détermine ce qu'il faut commencer. * **Filtre de direction & #160;:** C'est la condition de travail lorsque vous faites défiler ou glissez dans n'importe quelle direction. * **Juste une fois :** Le mouvement limite avec une seule pièce. * **Cacher lors de la sortie de l'écran :** Détermine le comportement de la carte hors de la zone visible. Vérifiez à nouveau avec votre playlist. * **Durée:** La longueur du mouvement est; **100 à 2000 ms** réglé entre. * **Délai d'introduction :** Pour le temps entre l'arrière-plan des cartes; gamme **0–500 ms**. * **Étiquettes :** Combien de cartes devraient être vues; **0–1** Un taux est entré. **0,15** signifie environ 15 pour cent. * **Commencez par :** Distance de départ **0–400 px** paramètres entre. **Calendrier** Sélectionnez la courbe Soft, Standard, Dynamique, Printemps, Fast ou Linear de la section. Modifiez la valeur correspondante si vous avez une courbe de mouvement spéciale. **Vue en direct** Affichez le résultat dans le champ. ## Sélectionnez l'effet de venir sur les cartes **À propos de Mariée** option ouvre hover effet. **Supprimer**, **Ombre** ou **Pente** Sélectionnez l'un des types. **Fermer** Vérifiez l'option ensemble. [![Onward effect, Tilt behaviour, Scale and duration](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/13-hover-efektleri-fr.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=6eb1cbe77c52fac501989cd0aecd6bdd)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/13-hover-efektleri-fr.png) > [card] 1. L ' effet de la > > Sélectionnez une des vues Supprimer, Ombre ou Tilt. > [card] 2. Comportement à l ' inclinaison > > Utilisez le mode de suivi du curseur ou d'angle fixe. > [card] 3. Échelle et temps > > Déterminez séparément le temps de croissance et de déplacement de la carte. Si vous utilisez la pente **Suivant le Curseur** pour être lié par la souris, **Angle fixe** Gardez-la sur une certaine pente avec elle. densité de pente **Puissance d'inclinaison**, retour **Z Retour**, **Cartes Break Zikzak** ajuste l'utilisation alternative des rotations. **Amplification** échelle de carte, **Durée** détermine la longueur du passage. Essayez la connexion de la carte et les boutons car il ne peut pas être effectué sur la souris sur les téléphones. ## Définissez le chargeur d'échafaudage **Chargeur d'échafaudage**Le contenu est le support de place qui apparaît lors de la préparation. **Dans les images** et **Textes** Sélectionnez le contenu utilisé avec leurs sélections. [![Chargeur d'échafaudage, Image et texte, vue de changiste](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-fr.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=34ad3c9a820d3a5628c3de497d01c987)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/14-iskelet-yukleyici-fr.png) > [card] 1. Chargeur d'échafaudage > > Ouvrir et fermer les poignées de sol indiquées lors de la préparation du contenu. > [card] 2. Visuel et texte > > Sélectionnez le contenu des supports de sol utilisés. > [card] 3. Vue de Scintillement > > Fixez le rayon d'angle et la durée de l'étincelle. **Effet de cisaillement** ouvre et ferme le mouvement. Forme **Rayon de coin** du porte-espace, **Temps de glaçage** ajuste la vitesse de mouvement. Vérifiez et fermez la fenêtre et **Enregistrer tout** Appuyez sur le bouton. Vérifiez la première ouverture, le défilement / slot et les interactions de carte sur la page utilisateur. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.