Coder des Bordures Animées et un Effet Projecteur

[@EcoleduWeb]

Wopsy, j'ai utilisé une condition pour coder les évènements de souris avec : if(window.matchMedia("(pointer:fine)").matches) {...} Ça fonctionne, mais il existe les évènements pointermove et pointerout qui permettent de cibler les appareils qui utilisent un dispositif de pointage. Ça m'était sorti de la tête quand j'ai codé cette animation.

[@TheTrampingPony]

J'aime bien tes katas, celui-ci donne un super effet "wow" très agréable. En plus la construction de tes vidéos, mi-préparées, mi-live, où tu t'adresses au néophyte comme à l'expert, c'est vraiment bien pensé, continue !

[@EcoleduWeb]

Merci beaucoup ! Tu mets des mots sur la structure de mes vidéos 🙏

[@vincentdubois107]

Juste ce qu'il me fallait pour ajouter un peu de fun dans mon nouveau projet ! Merci 😊

[@matthieuaubert9447]

Superbe effet, merci ! Petit conseil pour l'explication des positions et des translations : fais une capture d'écran et dessine dessus pour montrer les dimensions 😉

[@EcoleduWeb]

Très bonne idée !

[@Mrchiken3]

Magnifique je suis bluffé 💥🤩

[@lmz-dev]

Ho c'est trop beau. J'ai la flemme de me demander comment t'as fait, je vais juste te laisser m'expliquer...

[@guillaumerobert1506]

Super tuto 👍😀. Juste une question est ce que ça aurait pas été plus propre de faire le top-layer et le blob avec les pseudo éléments afin de pas surcharger le HTML d'éléments "pas forcément utiles" ? Avec des variables css pour les valeurs de transform du coup

[@EcoleduWeb]

Merci et en effet, on aurait pu faire ça 👍