Coder des Bordures Animées et un Effet Projecteur

Поделиться
HTML-код
  • Опубликовано: 22 янв 2025

Комментарии • 12

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

    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
    @TheTrampingPony 3 месяца назад +3

    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
      @EcoleduWeb  3 месяца назад +1

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

  • @vincentdubois107
    @vincentdubois107 3 месяца назад +2

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

  • @matthieuaubert9447
    @matthieuaubert9447 3 месяца назад +1

    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 😉

  • @Mrchiken3
    @Mrchiken3 3 месяца назад

    Magnifique je suis bluffé 💥🤩

  • @kamalbourbia4350
    @kamalbourbia4350 3 месяца назад

    Top les effets.

  • @guillaumerobert1506
    @guillaumerobert1506 3 месяца назад

    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
      @EcoleduWeb  3 месяца назад +1

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

  • @lmz-dev
    @lmz-dev 3 месяца назад +1

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