Nouvelle propriété CSS pour des effet de scroll puissant sans JS (animation-timeline)

Поділитися
Вставка

КОМЕНТАРІ • 47

  • @jav_aldu2684
    @jav_aldu2684 10 місяців тому +4

    Incroyable découverte merci !

  • @LenyMC
    @LenyMC Рік тому +1

    Je suis en train d'apprendre le code mais je suis encore une bille, je pense que ca peut mettre utile ! Merci pour ce tuto !
    Il va vraiment falloir que je me mette au JS, surtout pour mon examen !

    • @tutos-front-end
      @tutos-front-end  Рік тому

      Bon courage dans ton apprentissage 😉 Et merci pour ton com 😊

    • @LenyMC
      @LenyMC Рік тому

      @@tutos-front-end mais de rien, quand c’est mérité autant en profiter !😉

  • @fabbufr
    @fabbufr 3 місяці тому

    Merci pour tes explications, c'est top qu'ils aient rajouté cette fonctionnalité, dommage qu'elle soit toujours expérimentale à l'heure actuelle. En attendant, GSAP fait bien l'affaire

  • @YNDWeezy
    @YNDWeezy Рік тому +1

    Vraiment bon à savoir même si je pense rester en JS pour faire ce genre de choses

    • @tutos-front-end
      @tutos-front-end  Рік тому +1

      Oui et c'est mieux parce que cette fonctionnalité CSS est encore en phase expérimentale 😉

  • @tajolleofficiel
    @tajolleofficiel 7 місяців тому +1

    Superbe vidéo merci a toi ! Super mec, clair precis droit au but !

  • @storm-technologie
    @storm-technologie 6 місяців тому

    C'est bien de le découvrire, merci pour la vidéo très bien éxpliquer, je garde l'info dans le viseur pour le futur car malheureusement je viens de voir que c'est pas supporté par tous les navigateur, pour le moment.

  • @ladywow6528
    @ladywow6528 5 місяців тому +1

    J ai pas trouvé animation timeline sur mon visual studio svp comment je peux avoir cela

  • @dareal6726
    @dareal6726 Рік тому +1

    anim lié au scroll vertical OK. anim lié au scroll horizontal, ca marche aussi ? et les deux en meme temps (horizontal et vertical) ?

    • @tutos-front-end
      @tutos-front-end  Рік тому

      Oui en description j'ai mi un lien "scroll-driven-animations.style", il y a plein d'exemples d'utilisations dedans, dont celui avec le mix vertical/horizontal 😉

  • @vincentmoreau7957
    @vincentmoreau7957 Рік тому +2

    Top je le faisais en js, mais je vais m'empresser de tester ca 👍👍

    • @tutos-front-end
      @tutos-front-end  Рік тому +1

      JS est toujours obligatoire en tout cas pour ce genre d'effet sur un site en prod parce que la feature que je vous montre reste expérimentale pour le moment et ne fonctionne pas sur Firefox par exemple (en tout cas au moment ou j'écris ces lignes)

  • @Tkimba4
    @Tkimba4 7 місяців тому

    Très bon tuto avec une explication concise
    Merci 👌

  • @j-hubertabaa615
    @j-hubertabaa615 6 місяців тому

    Merci. Vivement qu’elle soit supportée

  • @jorod_34
    @jorod_34 Рік тому +1

    Merci! Ça ne marche pas sur Firefox..😢

    • @tutos-front-end
      @tutos-front-end  Рік тому

      Non en effet c'est une propriété expérimental pour l'instant, comme je l'explique à la fin de la vidéo ça ne fonctionne pas pour l'instant sur Firefox :/
      Mais j'aime bien parlé des propriétés CSS un peu en avance ^^

  • @sprichie2
    @sprichie2 7 місяців тому

    T'es incroyable ! Merci !

  • @assiabensaada1852
    @assiabensaada1852 Рік тому +1

    Je vous remercie pour la vidéo, j'aimerais bien savoir ce qui est ce @support 😅😅

    • @tutos-front-end
      @tutos-front-end  Рік тому +2

      De rien 😊 Une ptite vidéo pourquoi pas alors ^^

  • @TedomTafotsiDimitriWilfried
    @TedomTafotsiDimitriWilfried 15 днів тому

    Merci beaucoup

  • @nathanamaral7907
    @nathanamaral7907 10 місяців тому

    Super ! Quand est-ce que cela fonctionnera sur firefox et pas que sur chrome ?

    • @tutos-front-end
      @tutos-front-end  10 місяців тому +1

      Bonne question ! Il faudrait demander à l'équipe de Firefox 😅
      Ca devrait être une histoire de mois surement je ne sais pas 😕

  • @Thomasyao11
    @Thomasyao11 5 місяців тому

    très bonne vidéo Merci a vous :)

  • @nico77
    @nico77 Рік тому +1

    Top ! Merci.

  • @megretmicha4670
    @megretmicha4670 Рік тому +1

    Propre

  • @franckngoubounkou9930
    @franckngoubounkou9930 4 місяці тому

    Très bien

  • @Zeuuu.
    @Zeuuu. Рік тому +1

    Salut, Tu pourrais fair un tuto pour avoir le scroll horizontale que l'on vois dans ton intro
    Sinon super la vidéo

    • @tutos-front-end
      @tutos-front-end  Рік тому +3

      Merci beaucoup 😉
      Ca peut se faire oui pourquoi pas

    • @dareal6726
      @dareal6726 Рік тому +2

      ouai je demande aussi, parce que css 90% du temps c'est bien, les 10% restant jvais pas qualifier je risquerais d'etre vulgaire

    • @Zeuuu.
      @Zeuuu. Рік тому +1

      Sa serais super !@@tutos-front-end

    • @Zeuuu.
      @Zeuuu. Рік тому

      perso je débute mais je suis au stade où j'utilise les animations ,je vois donc pas forcement tout les problèmes @@dareal6726

  • @christianbelisle8442
    @christianbelisle8442 Рік тому +1

    Dommage que ce ne soit pas universellement supporté!

    • @tutos-front-end
      @tutos-front-end  Рік тому

      Pas encore 😉
      Toute les fonctionnalités qu'on connais aujourd'hui sont passées par la phase expérimentale.

  • @alphasn5265
    @alphasn5265 Рік тому +1

    genial

  • @Homarlebledart
    @Homarlebledart 5 місяців тому

    y'a rien qui fonctionne je comprend rien mdr