Tuto CSS | Les bases de l'animations + bonus

Поделиться
HTML-код
  • Опубликовано: 8 ноя 2022
  • Petit tour d'horizon sur les animations en CSS. On va y voir les transitions ainsi que les keyframes. Bob sera à nouveau le cobaille pour l'expérience ;)
    #css #css3 #cssanimations
    --------------------------------
    Music by Oleksii Kaplunskyi from Pixabay
  • НаукаНаука

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

  • @jean-michelnogaro7471
    @jean-michelnogaro7471 6 месяцев назад +3

    Je me forme depuis quelque temps, HTML, CSS ... et je reprends les vidéos de la chaîne. Je me régale. La forme, le fond et manifestement une belle réfléxion pour présenter les choses de manière logique et simple. Beau travail !!

    • @tutos-front-end
      @tutos-front-end  6 месяцев назад

      Un grand grand merci ! Votre commentaire est très motivant 😀

  • @antoinecavelier3374
    @antoinecavelier3374 Год назад +3

    Petit commentaire d'encouragement, tuto clair, compréhensible, speechflow parfait!
    Gros pouce levé.

    • @tutos-front-end
      @tutos-front-end  Год назад

      Ca fait super plaisir à lire. Un grand merci 🙂

  • @TheHakanSener
    @TheHakanSener 4 месяца назад +1

    Je suis un développeur backend. Merci pour les vidéos de cette chaîne qui me permette de ne plus galérer.

  • @user-jg4fg4qo2d
    @user-jg4fg4qo2d 8 месяцев назад +1

    Merci! vos cours ont parfaitement clair, le flow n est pas trop rapide .De plus je ne connaissait pas l ouverture du bézier dans l inspecteur et sans celà les chose me paraissait bien compliquées...Vous êtes très pédagogue,je m'abonne!

  • @lenaeugene3943
    @lenaeugene3943 Год назад +3

    Merci bien pour ce tuto. Ne soit pas découragé par l'absence de commentaire.

    • @tutos-front-end
      @tutos-front-end  Год назад +1

      Merci c'est gentil, la persévérance payera j'en suis sur 🙂
      Merci pour tes encouragements 😉

  • @zarkive43
    @zarkive43 7 месяцев назад +1

    Merci pour la vidéo ❤

  • @Dingomicro
    @Dingomicro Год назад +1

    Merci pour ce tuto

  • @garnierguillaume9795
    @garnierguillaume9795 Год назад +2

    1 like de plus, et je vais partager dans ma boite !

  • @alexandremichel3304
    @alexandremichel3304 11 месяцев назад +2

    Salut a toi,
    Je suis tombé sur ta chaine il y'a peu et wow vraiment, simple efficace!Continue!
    Juste une questions j'essaie de refaire ton chemin en jaune et je n'y arrive pas..utilise tu du java pour le faire ou simplement html et css?
    Cordialement, +1 abo et like :)

    • @tutos-front-end
      @tutos-front-end  11 месяцев назад

      Merci à toi et bienvenue 😉
      Non il n'y a aucun javascript, tu as peut être une faute de frappe, vérifie bien que tout est bien pareil que sur la vidéo 😉

  • @kalan4284
    @kalan4284 5 месяцев назад +1

    Merci bg

  • @fabricebeuriot7852
    @fabricebeuriot7852 Месяц назад

    🙂 Bonjour à toi !

  • @cristovinho
    @cristovinho 9 месяцев назад +1

    Super ta vidéo, merci beaucoup pour ton excellent travail (vidéo courte et efficace le combot parfait) ! Par contre tu dis à 2:04 que tu allais faire une vidéo expliquant pourquoi tu n'utilises plus transform : rotate mais directement rotate, où peut-on avoir l'explication stp ?

    • @tutos-front-end
      @tutos-front-end  9 месяцев назад +1

      Très bonne remarque ! C'est passé à la trape mais j'essaierai de faire cette vidéo prochainement 😉
      Merci en tout cas pour ton retour 🙂

  • @Fred3dDigitalPainting
    @Fred3dDigitalPainting 5 месяцев назад +1

    Bonjour.
    Comment déplacer bob lorsqu'on survole une div où il se trouve ?
    Je sais le faire en survolant bob mais pas lorsque je survole un autre élément. Il faudrait pouvoir l'imbriquer...

    • @tutos-front-end
      @tutos-front-end  5 месяцев назад

      Un sélecteur du genre devrait fonctionner : .parent:hover .enfant 😉

    • @Fred3dDigitalPainting
      @Fred3dDigitalPainting 5 месяцев назад

      @front-end
      J'ai testé avec &:hover en scss par imbrication. Au final, j'ai opté pour du JS. Parfois, on reste bloqué des heures sur une chose simple. Grâce à toi, nous progressons. Merci ! 👍

  • @louis_poleym1261
    @louis_poleym1261 9 месяцев назад +1

    Petite question ( je suis en retarf sur la vidéo) est ce que le scale ou d'autre propriétées marches sur du text normal ? Merci

    • @tutos-front-end
      @tutos-front-end  9 месяцев назад +1

      Tout à fait, la propriété scale va mettre à l'échelle n'importe quel élément, indépendamment de ces propriétés. C'est d'ailleurs plus propre/opti de créer une animation qui agrandit un texte avec scale, qu'avec la propriété font-size 😉

    • @louis_poleym1261
      @louis_poleym1261 9 месяцев назад

      @@tutos-front-end ok merci beaucoup

  • @besimfejzullahu1702
    @besimfejzullahu1702 Месяц назад

    Merci. Et apres demain tu vas encore te rapeller de toutes ces règles ? 😅

    • @tutos-front-end
      @tutos-front-end  Месяц назад +1

      Si on utilise des concepts régulièrement on retient facilement, donc oui, tout à fait possible 😉