À propos des animations GemPages
Les animations consistent à introduire du mouvement ou des déplacements dans les éléments d'une page Web, allant d'effets subtils comme le fondu ou le glissement à des transitions et interactions plus dynamiques. Vous avez la possibilité d'appliquer des animations à n'importe quel élément dans GemPages. Suivez les étapes ci-dessous pour ajouter des animations aux éléments GemPages.
Comment ajouter une animation ?
Suivez ces étapes pour ajouter des animations à vos éléments :
Étape 1: Aller à Administration Shopify > Applications et sélectionnez Générateur de pages GemPages pour accéder Tableau de bord GemPagesCliquez sur votre modèle préféré pour accéder à l'éditeur.
Étape 2: Cliquez sur l'élément auquel vous souhaitez ajouter une animation. La configuration de l'élément sera révélé dans la barre latérale gauche. Ensuite, passez à l' Avancé languette.
Étape 3: Faites défiler jusqu'à la Animation section et basculer l'interrupteur on.
Vous verrez quatre préréglages d’animation disponibles :
- S'effacer:Un élément passe progressivement d’une transparence totale à une visibilité totale.
- Glissement:Un élément se déplace en douceur sur l'écran, généralement dans une direction horizontale ou verticale.
- Zoom:Effet visuel qui implique l'ajustement dynamique de la taille d'un élément, créant l'illusion qu'il se rapproche (zoom avant) ou s'éloigne (zoom arrière) dans un espace donné.
- Shake:Effet visuel qui confère un mouvement rapide et saccadé à un élément, simulant un mouvement tremblant ou vibrant.
Configurer les paramètres d'animation
Chaque animation aura des paramètres différents. Au total, il y a 9 paramètres, qui incluent :
1. La vitesse
Utilisez le curseur pour régler la vitesse des animations. Plus le curseur est positionné vers la droite, plus l'animation sera rapide.
2. Retard
Délai (en secondes) pour le démarrage de l'animation ou de chaque itération si la boucle est activée. Le délai maximal est de 20 secondes.
3. Assouplissement
À cette étape, vous pouvez choisir parmi différents types de fonctions d'accélération pour contrôler le rythme des transitions entre les images clés. Le choix de la fonction d'accélération appropriée dépend des caractéristiques spécifiques que vous souhaitez pour votre animation et de l'expérience utilisateur globale que vous souhaitez obtenir.
- luminaires Néon Del: mouvement qui se produit de manière droite et cohérente
- Facilité d'entrée: mouvement qui implique une accélération progressive de l'animation au début
- Sortie facile: mouvement qui implique une décélération progressive de l'animation à la fin
- Entrée et sortie faciles:mouvement qui implique une accélération progressive au début, suivie d'une période de mouvement constant, puis se terminant par une décélération progressive vers la fin.
4. Trigger
Choisissez comment l'animation est déclenchée.
- Chaque vue : L'animation est jouée à chaque fois que le visiteur fait défiler l'élément.
- Première vue : L'animation s'exécute uniquement la première fois que le visiteur visualise l'élément.
5. Direction
Indique le chemin le long duquel l'animation de diapositive d'un élément va se déplacer.
6. Distances
Ajustez la distance de déplacement de l'élément.
7. Intensité
Fréquence des secousses pendant une période donnée. Plus l'intensité est élevée, plus la vibration est prononcée.
8. Taux de zoom
Indique dans quelle mesure (en pourcentage) un élément est agrandi ou réduit en taille au cours de l'animation de zoom.
9. Boucle
Si l'animation se répète ou non au fil du temps tant que l'élément existe.
Merci pour vos commentaires