No video :(

Coder l'animation des onglets YouTube

Подписаться 61 тыс.

Просмотров 2,5 тыс.

50% 1

🎓 Abonnez-vous à l'École du Web : www.ecole-du-w...
📚 Ou suivez les cours sur UDEMY : liste-des-cour...
📁 Code source : www.ecole-du-w...
🚀 1 Cours gratuit en t'abonnant à ma newsletter :
www.le-designe...
--------------------------------------------------------------------------------------------
Rejoins la communauté pour partager et/ou obtenir de l’aide sur :
► Discord : / discord
Suis-moi également sur mes réseaux anglophones :
► RU-vid : / thewebschool
❓ Si tu veux que je fasse une vidéo sur un sujet en particulier, dis-le moi dans les commentaires !

Опубликовано:

28 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 11

@kelgar76 16 дней назад

Super vidéo encore et vraiment merci bcp pour prendre le temps d‘expliquer en détails et profondeur pour les débutants, des choses sûrement évidentes pour des plus expérimentés 🙏

@minerva_hp 5 месяцев назад

Merci beaucoup pour cette vidéo ! J'avais essayé mais sans succès, maintenant ça fonctionne ^^ Est-ce que tu pourrais faire une vidéo sur une navbar avec sous-menus et sous-sous menus responsive ? Ce serait vraiment génial, merci et bonne journée !

@cyrilcachat2149 5 месяцев назад

Encore une superbe vidéo bien pensée qui apporte beaucoup d.explications

@Creativeetea 3 месяца назад

C'est pour ça que t'as sorti un exemple sur Cacio e pepe la dernière fois, j'ai pensé à la vidéo de Italia Squisita direct mdr.

@EcoleduWeb 3 месяца назад

Ahaha bravo !

@issansabimana5122 5 месяцев назад

Oh wow merci beaucoup Enzo. J’ai essayé de faire ce genre de style mais ça ne fonctionnait pas Je vais essayer ça j’espère que ça va m’aider

@tsuhak4697 5 месяцев назад

Merci pour ta vidéo. Je voulais savoir comment on peut faire pour rajouter un hover sur les tabs. Vue qu'on ne peut pas le faire en js. Merci d'avance

@EcoleduWeb 5 месяцев назад

Bonjour et merci, on peut créer un effet de :hover en js avec tous les évènements liés à la souris. (mouseover, etc...)

@tsuhak4697 5 месяцев назад

Ok merci pour la réponse

@lmz-dev 5 месяцев назад

Tu te prives d'utiliser this et style.cssText ici 14:04 En utilisant la transition sur width et left au lieu de transform, ça donne : function handle() {bar.style.cssText = 'left:' + this.offsetLeft + 'px;width:' + this.offsetWidth + 'px'} Sur une ligne 🥰😋

@EcoleduWeb 5 месяцев назад

Je n'ai pas pensé à .cssText en effet ! Néanmoins, je ne suis pas très fan de l'animation de left, car on a besoin de positionner l'élément et que left est potentiellement moins performant que transform. Donc à la limite quelque chose comme ça : tabsSmartBar.style.cssText = `transform: translateX(${e.target.offsetLeft}px);width: ${this.offsetWidth}px`; Merci pour ton message! 🎉