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

[@matthieuaubert9447]

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

[@TheUltimatePing]

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

[@matthieuaubert9447]

💡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

[@cronosu]

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

[@EcoleduWeb]

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

[@traoreaziz4055]

Sur portable aussi

[@donatien975]

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]

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

[@JavaChrist31]

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]

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

[@JavaChrist31]

@@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.

[@Alone_Cit]

Et sur mobile comment l'utilisateur il fait ?

[@TheUltimatePing]

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]

@@TheUltimatePing merci

[@lmz-dev]

Trop fastoche ! 😁

[@EcoleduWeb]

"il y a 48 secondes" - Trop rapide !

[@lmz-dev]

@@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 !