Coder un effet "Tilt" (inclinaison) dans les règles de l'art

Поділитися
Вставка
  • Опубліковано 20 гру 2024

КОМЕНТАРІ • 17

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

    Merci une fois de plus de zoomer pour ceux sur portable, c'est sympa de faire des vidéos responsive 🙏

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

    super vidéo bien expliquer plein d'élément a savoir elle passe super bien, continu comme ça

  • @cronosu
    @cronosu 4 місяці тому +3

    problème de son, je n'entend que d'un coté uniquement sur cette video sur pc , non ?

    • @EcoleduWeb
      @EcoleduWeb  4 місяці тому +1

      Ah oui en effet, merci du retour.
      J'ai pourtant utilisé la même config pour monter la vidéo.
      C'est rageant.

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

      Sur portable aussi

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

    Salut Enzo
    Super tuto comme toujours j'ai pris un grand plaisir a le faire. J' ai toutefois rencontrer un petit problème avec l'alignement du bouton, pour l'avoir bien au centre j'ai du mettre un left de 43% une explication ?

    • @EcoleduWeb
      @EcoleduWeb  4 місяці тому +1

      Ce n'est pas normal.
      Tu as le code source en description si tu veux comparer. 👍

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

      @@EcoleduWeb Merci pour ta réponse très rapide. Effectivement une petite erreur de ma part un espace après translate et avant les parenthèses. J'aime beaucoup tes vidéo j'attend les prochaines promos de l'école du web pour suivre une formation avec toi.

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

    Trés sympa merci c'est assez bien expliqué après je serais curieux de savoir pourquoi les devs on mis un sens anti horaire sur l'axe Y ? c'est étonnant mais bon ça ce fixe donc pas grave 👍

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

      Merci et les deux axes fonctionnent similairement, le positif est horaire et le négatif anti horaire.

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

    💡Suggestion : dans le CSS avoir des rotate dont l'angle dépend d'une variable (--tiltAngleX ou --tiltAngleY), et modifier seulement la variable dans le JavaScript. Ça permettrait de bien garder la règle de style dans le CSS et les calculs seuls dans le JavaScript

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

    Et sur mobile comment l'utilisateur il fait ?

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

      comme il l'a expliquer seulement les "pointer:fine" donc les souris vont être détecter donc il ne se passera rien sur mobile il n'y aura pas de déplacement

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

      @@TheUltimatePing merci

  • @lmz-dev
    @lmz-dev 4 місяці тому

    Trop fastoche ! 😁

    • @EcoleduWeb
      @EcoleduWeb  4 місяці тому +2

      "il y a 48 secondes" - Trop rapide !

    • @lmz-dev
      @lmz-dev 4 місяці тому

      @@EcoleduWeb Je viens de finir la vidéo, c'est chouette et c'est pas si compliqué au niveau trigo, je m'attendais à des Math.atan2() (et des nombres complexes pour donner un peu de piquant à tout ça 🌶)
      Bravo !