La mise en page de vos tunnels et de vos sites gagne en mouvement et en finition.

Deux nouveautés arrivent dans le constructeur. Vos boutons peuvent réagir quand un visiteur passe la souris dessus. Et vos sections, vos lignes et vos colonnes peuvent apparaître en douceur au fil du défilement.

Le tout se règle depuis le panneau latéral, sans écrire une seule ligne de code.

🧭 Qu'est-ce qui change ?

• 🎯 Une vingtaine d'effets de survol pour vos boutons, classés en six familles : agrandir, tourner, déplacer, fond, bordure, ombre.
• 📐 Les animations d'apparition s'appliquent aux sections, aux lignes et aux colonnes, plus seulement aux éléments isolés.
• 👀 Un aperçu en direct sur le canvas : survolez une carte d'effet et l'animation se joue sur le bloc sélectionné.
• ⏱️ Des réglages fins par effet : durée, délai, sens de l'accélération, et les seules options utiles à l'effet choisi.
• 📱 Le mouvement se coupe tout seul sur mobile et sous 1024 pixels de large, pour éviter les effets bloqués.

⚙️ Comment ça fonctionne

Le survol des boutons

Un bouton peut maintenant réagir au passage de la souris. Vous choisissez parmi une vingtaine d'effets, rangés en six familles selon ce qu'ils font.

Chaque effet arrive avec des réglages de départ soignés : il rend bien dès que vous le posez. Trois contrôles reviennent partout : la durée (0,1 à 3 s), le délai (0 à 5 s) et l'accélération (linéaire, ease-in, ease-out, ease-in-out). Le panneau affiche ensuite les seules options propres à l'effet retenu.

Les entrées de sections, de lignes et de colonnes

L'animation d'apparition ne se limite plus aux éléments un par un. Vous l'appliquez à un bloc entier de mise en page. La bibliothèque s'enrichit de nouvelles familles : Fade, Slide, Bounce, Flip, Rotate & Zoom, plus des effets spéciaux comme Light Speed ou les boucles infinies.

Le vrai gain, c'est l'enchaînement. Le constructeur ordonne les animations dans la hiérarchie de la page, du bloc parent vers son contenu : Section → Ligne → Colonne → Contenu. Chaque bloc attend que son parent finisse avant de démarrer. Plus de calcul de délai à la main, et réorganiser vos blocs ne casse plus la séquence.

Le mouvement se déclenche quand le bloc entre à l'écran, jamais avant. Sur mobile, il reste coupé par défaut pour préserver la vitesse. Un réglage par bloc, "Activer les animations sur mobile", le rétablit au cas par cas.

🛠️ Comment l'utiliser

1. Ouvrez le constructeur et sélectionnez un bouton, ou une section, une ligne ou une colonne.
2. Dans le panneau latéral, ouvrez l'onglet Animations.
3. Choisissez Animation au survol pour un bouton, ou Animation d'entrée pour un bloc de mise en page.
4. Survolez une carte d'effet pour le voir jouer en direct sur votre sélection, puis cliquez pour l'appliquer.
5. Réglez la durée, le délai et l'accélération, puis ajustez les options propres à l'effet.
6. Sur un bloc, activez au besoin l'option "Activer les animations sur mobile".

Pour prendre en main le constructeur pas à pas, suivez notre guide : Présentation du constructeur de page (funnel ou site web).

Pourquoi c'est important ?

• ✅ Des boutons plus vivants, donc des appels à l'action qui donnent envie de cliquer.
• ✅ Zéro calcul de délai : le constructeur enchaîne les apparitions dans le bon ordre tout seul.
• ✅ Fini le CSS sur-mesure, tout se règle depuis le panneau latéral.
• ✅ Vos pages déjà publiées profitent des réglages sans rien casser.

Vos pages passent d'un rendu figé à une mise en scène fluide, sans toucher au code. Ouvrez le constructeur et testez un effet sur votre prochain bouton.