💡Petite correction : l'écart entre les listes (5:06) doit être géré avec du padding, et non pas des margins, afin que le transform de -100% ramène exactement à la position initiale.
Top la vidéo ! 👍 L'effet reverse est niquel sur les logos ! Il faut éviter par contre de l'appliquer à des textes pour l'accessibilité, pour que le texte défile toujours dans le sens de la lecture. Bonne vidéo Flo 👌
Super vidéo ! Merci beaucoup ! est-il possible d'ajouter du code pour arrêter l'animation au survol si par exemple on ajoute un bouton clicable dans le défilement ?
Merci pour ton commentaire ! Très bonne question ; tu peux ajouter ce bout de code pour faire ce que tu veux : (où .marquee est le composant parent et .marquee_list est la liste que tu dupliques) .marquee:hover .marquee_list { animation-play-state: paused; }
Merci pour la video ! (Et les commentaires pour les petits details ) C est un effet qui est vraiment sympa. Je voulais savoir concernant les animations qui sont réalises sur un site pour un client. C est quelquechose qui se facture oui bien c est integre à la conception du site par défaut. Si vous pouvez m'éclairer un peu s'il vous plaît. Sinon ce serait cool une video d'une animation sur comment on faire apparaitre un element (par exemple quand tu passes en hover sur le mot webflow, il y aurait le logo en animation qui pop et bouge suivant me deplacement de la souris sur le mot. C est certainement un bout de code et ce n est pas natif sur webflow. J ai plus le lien mais je pense que vous m'avez compris..enfin j espere ! En article de blog ca convient aussi 😊
Avec plaisir ! Je ne sais pas comment travaillent les autres, mais chez Digidop, les animations sont facturées (indépendamment du site à plat) en fonction de leur nombre et de leur niveau de complexité. Une animation au survol (hover) ne peut pas être facturée de la même manière qu'une animation avancée en JavaScript. Donc, tu as un prix pour la maquette + développement, avec un supplément en fonction du nombre et de la complexité des animations. Est-ce que ça répond à ta question ? _____ Je vois - ajoutée à la liste ✅
Hello ! Merci pour cette vidéo complète. Je l'ai bien suivie étape par étape mais me retrouve toujours avec un espacement entre les deux div listes, à quoi cela peut être dû svp ?
Hello ! Avec plaisir. As-tu essayé avec la correction mise en commentaire ? « Petite correction : l'écart entre les listes ( 5:06 ) doit être géré avec du padding, et non pas des margins, afin que le transform de -100% ramène exactement à la position initiale. » C’est peut-être ça ? Tiens nous au courant si ça ne résout pas le problème !
@@digidop Hello et merci pour cette top vidéo :) Par contre comme cette personne je n'ai pas la configuration "Sizing", peux-tu m'indiquer comment la faire apparaitre stp ? Merci !
💡Petite correction : l'écart entre les listes (5:06) doit être géré avec du padding, et non pas des margins, afin que le transform de -100% ramène exactement à la position initiale.
Merci les gars c’est précisément le genre de tutoriel qu’il nous faut ! Continuez c’est vraiment excellent
Yeaaaaah ! Merci pour ton retour 🔥
Top la vidéo ! 👍
L'effet reverse est niquel sur les logos ! Il faut éviter par contre de l'appliquer à des textes pour l'accessibilité, pour que le texte défile toujours dans le sens de la lecture. Bonne vidéo Flo 👌
Super tips d'accessibilité. Merci pour l'ajout, Lucas !
(Content que la vidéo te plaise, j'ai suivi un bon article pour la faire 😉.)
Génial ! Je ne connaissais pas cette méthode. Merci ☺
Avec plaisir ! Merci pour ton retour 🤗
Vraiment cool ce tuto. 🙏
Merci pour ton retour ! 😀
Super vidéo ! Merci beaucoup ! est-il possible d'ajouter du code pour arrêter l'animation au survol si par exemple on ajoute un bouton clicable dans le défilement ?
Merci pour ton commentaire !
Très bonne question ; tu peux ajouter ce bout de code pour faire ce que tu veux : (où .marquee est le composant parent et .marquee_list est la liste que tu dupliques)
.marquee:hover .marquee_list {
animation-play-state: paused;
}
Merci Lucas 😉
Merci beaucoup @@lucasclairet3527 t'es le best !
J’ai tellement galéré avec les animation natives de Webflow alors qu’un bout le CSS suffisait?
Je suis au bout 😂😫
Ahahah on te comprends…
Oui, parfois, les choses sont plus simples avec du code 😅
Merci pour la video ! (Et les commentaires pour les petits details ) C est un effet qui est vraiment sympa.
Je voulais savoir concernant les animations qui sont réalises sur un site pour un client. C est quelquechose qui se facture oui bien c est integre à la conception du site par défaut.
Si vous pouvez m'éclairer un peu s'il vous plaît.
Sinon ce serait cool une video d'une animation sur comment on faire apparaitre un element (par exemple quand tu passes en hover sur le mot webflow, il y aurait le logo en animation qui pop et bouge suivant me deplacement de la souris sur le mot. C est certainement un bout de code et ce n est pas natif sur webflow. J ai plus le lien mais je pense que vous m'avez compris..enfin j espere ! En article de blog ca convient aussi 😊
Avec plaisir !
Je ne sais pas comment travaillent les autres, mais chez Digidop, les animations sont facturées (indépendamment du site à plat) en fonction de leur nombre et de leur niveau de complexité. Une animation au survol (hover) ne peut pas être facturée de la même manière qu'une animation avancée en JavaScript.
Donc, tu as un prix pour la maquette + développement, avec un supplément en fonction du nombre et de la complexité des animations. Est-ce que ça répond à ta question ?
_____
Je vois - ajoutée à la liste ✅
@@digidop Ça réponds très bien a ma question du coup ! Je vous remercie l'équipe pour le retour. À très vite pour la prochaine vidéo !
Je vais faire joujou ! 🤓
Avec ça, tu as de quoi !
Hello ! Merci pour cette vidéo complète. Je l'ai bien suivie étape par étape mais me retrouve toujours avec un espacement entre les deux div listes, à quoi cela peut être dû svp ?
Hello ! Avec plaisir. As-tu essayé avec la correction mise en commentaire ?
« Petite correction : l'écart entre les listes
( 5:06 ) doit être géré avec du padding, et non pas des margins, afin que le transform de -100% ramène exactement à la position initiale. »
C’est peut-être ça ? Tiens nous au courant si ça ne résout pas le problème !
Peux tu faire une vidéo un peu plus poussée en essayant de refaire le même marquee animation dans le site retool ? Merci
Comme sur la section "Connect to anything" du site retool.com ?
@@digidop Oui voilà exactement
@@digidopLeur site vient de changer mais j'y suis arrivé !
Hello, j'ai un pb, plus je diminue la taille de l'écran, plus les 2 listes se chevauchent, savez-vous pourquoi, svp ?
Hello,
Tu as bien changé la configuration Sizing de ton div Wrapper ? (02:03 dans la vidéo)
je n'ai pas ce paramètre justement, la partie Sizing est absente bizarrement @@digidop j'ai Layout et après Spacing, pas de Sizing
ah punaise, j'ai rebooté Webflow et ça a réapparu ! thanks !
@@digidop Hello et merci pour cette top vidéo :) Par contre comme cette personne je n'ai pas la configuration "Sizing", peux-tu m'indiquer comment la faire apparaitre stp ? Merci !
Plus précisément la partie "Flexchild" n'apparait pas... 😕 @digidop