CSS : Animation révélation d'image

Поделиться
HTML-код
  • Опубликовано: 10 янв 2019
  • Tu veux apprendre les technologies du web ? C'est par ici : www.ecole-du-web.net/
    Salut à tous !
    Tutoriel pour faire une animation bien sympa, une carte CSS qui se fragmente et qui révèle du contenu.
    Le code source: codepen.io/Ziratsu/pen/JwejQw
    Abonnez-vous à la NewsLetter pour recevoir des mails plein d'infos :
    mailchi.mp/94d9da505508/le-de...
    Le cours CSS complet ici (100 places dispo) : frama.link/FormationCSSCadeau
    Discord : / discord
    Abonnez-vous à ma chaîne :
    / @ecoleduweb
    Suivez-moi sur Twitter :
    Ledesignerduwe1?l...
    Playlist consacrée au JavaScript :
    • Effet de souris JavaSc...
    Playlist consacrée au CSS et à l'HTML :
    • Video
    Si tu veux que je fasse des vidéos sur certains sujets dis le moi!
    -----------------------------------------------------------------------------------------
    Des bouquins pour apprendre le développement web📖 :
    JavaScript Ninja(en anglais!) : amzn.to/2BJWHqw
    Apprendre CSS : amzn.to/2NgjYEQ
    HTML & CSS build Website : amzn.to/2sVRirc
    Eloquent Javascript : amzn.to/2sTX2Sg
    YDKJS Scope and Closure : amzn.to/2sMkAJr
    YDKJS Types and Grammar : amzn.to/2xYmD2a
    YDKJS This and Object Prototypes : amzn.to/2xZOPBQ
    YDKJS Async and performance : amzn.to/2sVFqoR
    Mon matos💻 :
    Canon 70D : amzn.to/2Jp3vzu
    Micro : amzn.to/2MdjKxr
    Ram : amzn.to/2sWep4K
    Carte graphique : amzn.to/2SQbdHK

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

  • @Ken_du_kentucky
    @Ken_du_kentucky Год назад

    merci pour tes cours je suis cuisinier mais j'adore dev, je veux monter un site internet et grâce à toi c'est tellement plus simple. Merci à toi continue a kiffer

  • @ora_veugle
    @ora_veugle 5 лет назад

    Yo ! J'ai découvert ta chaine il y a 40 min, par ce que tu m'a envoyé un message sur openclassroom aux air de message automatique ^^, mais j'y ai tout de même prêté attention, et depuis je ne fait que regarder tes vidéos,
    Et je me suis pris une grosse claque franchement, je suis heureux de ce message sur Oc, tes vidéos ont l'air super pro, et ça me motive sur le dev, je me suis rendu compte que mes codes sont hideux, et je vais remédier a ça
    Mais franchement, tu fait du bon boulot et continue comme ça ! (Steuplé 🙏)
    Bon je me remets au visionnage ! Bonne soirée

    • @EcoleduWeb
      @EcoleduWeb  5 лет назад +1

      Yes ! C'est ce genre de commentaire que j'aime voir ! C'était pas un message auto, je prends mes petites mains et je regarde qui ma chaîne pourrait intéresser ;).
      Ton soutien me fait vraiment plaisir et je suis sur un rythme de 1 vidéo tous les deux jours, donc tu vas avoir de quoi t'amuser, et j'ai énormément d'idées pour la suite !

    • @ora_veugle
      @ora_veugle 5 лет назад

      Re-Yo ! la je fait un peut de prog, avec sublime texte, mais toi je crois que tu utilise Visual Studio Code (qui ptèt un petit peu mieux ^^), mais j'ai bien l'impression que tu a plusieurs extension, tu pourrais (sauf si c'est déjà fait) donner les nom dans une vid, ou dans l'onglet communauté un truc comme ça

    • @EcoleduWeb
      @EcoleduWeb  5 лет назад

      @@ora_veugle Oui je le dis dans pas mal de vidéos j'utilise l'extension "Live server" pour que ma page ce rafraîchisse au fur et à mesure que je code et aussi la très bonne extension "emmet" qui contient des raccourcis clavier pour écrire pas mal de lignes de code(elle est géniale!), par exemple avec emmet tu fais juste :
      ! + tab
      Et tu as le Doctype qui apparaît, ou encore "li.item*6 + tab" et tu as 6 "li" qui popent, ça facilite vraiment la vie!
      Après tu peux trouver ces extensions à ajouter à Sublime mais c'est un peu plus technique que de les installer sur VS Code.

    • @ora_veugle
      @ora_veugle 5 лет назад

      @@EcoleduWeb ok, merci, je vais approfondir ça ^^

  • @nyarales5891
    @nyarales5891 3 года назад

    comment on fait pour en faire plusieur ?