Tailwind CSS Animation Tutorial

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

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

  • @sadullahtanrkulu1970
    @sadullahtanrkulu1970 2 года назад

    excellent, awesome, wonderful lesson 😃

    • @AustinShelby
      @AustinShelby  2 года назад

      Glad you learned something Sadullah!

  • @MMubeenOfficial
    @MMubeenOfficial 6 месяцев назад

    That's awesome ❤ Nothing is better than "Austin Shelby" to learn coding❤

  • @startingwithyouke
    @startingwithyouke 3 года назад +3

    You such good Tailwind content, I'm lucky I found your channel.

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

      I appreciate it! Glad you learned something

  • @jenstornell
    @jenstornell 3 года назад +2

    Nice! You deserve more views for a video like this. Continue and you will probably get there. 👍

    • @AustinShelby
      @AustinShelby  3 года назад +1

      Thank you for the encouragement! I'm trying to improve every video I make.

  • @techietoons
    @techietoons 2 года назад

    Loved it

  • @mahdighyasi2433
    @mahdighyasi2433 2 года назад

    Well done sir, I could learn a lot of things from this video.

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

    amazing content... we are gonna be here for a very long time

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

    Justo lo que buscaba, muy buen video. Saludos desde Argentina.

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

    Loved it! Thank you Austin! :-)

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

    This deserve 1M views!!

  • @benzigarjs8607
    @benzigarjs8607 3 года назад +2

    The Peaky Blinders came for the rescue 😆😍

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

      Hehe I'm waiting for the next season

  • @jairusnouvel4780
    @jairusnouvel4780 2 года назад

    Hi Austin, I‘m a fan. Please more Tutos about components for design language systems.

    • @AustinShelby
      @AustinShelby  2 года назад

      Hi Jairus, that's a great suggestion. I'm not very familiar with design language systems. Could you point me to some resources so I could learn more about it?

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

    This was an amazing video, Thanks!

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

    It realy good.

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

    Awesome

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

    thanks a lot !!

  • @smsibasish
    @smsibasish 3 года назад +2

    Glad that I found your channel. Keep up the good work 🙏

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

    animate only on hover????

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

    That's really nice. Can you show how to use the animation code in Vuejs

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

      Managed to place the code in the right place after going through the link you provided play.tailwindcss.com/vu2eem9isw - Just added the css code into tailwind.config.js and the config code in tailwind.config.js - After that < npm run build > and copied the generated style.css and style.min.css to my projects css folder.

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

    quick question: what key did you press to delete that heading spaces and reformat your code after pasting? you did it so quickly there at 2:44 omg

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

    If possible please make a series on tailwind with real example with React...

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

      Good idea. I'll add it to my list

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

      @@AustinShelby Thanks a lot... I hope one day I'll code along with that...

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

    Is there any possible way instead of typing `npx tailwindcss build` every time I make a change in Tailwind file?

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

      Install BrowserSync, and then npm run watch

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

      @@gtdmg489 like this, you mean: alexanderzeitler.com/articles/watch-tailwind-changes-update-browser-sync/

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

    excellent sense.. and can you share the link ?

    • @AustinShelby
      @AustinShelby  3 года назад +1

      Sorry the link wasn't showing up for some reason. Here you go: play.tailwindcss.com/vu2eem9isw

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

      @@AustinShelby Thanks a lot..

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

    If you use all animations voilá you recreate Flash 90’s style fancy Website. LOL

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

    Try the animations yourself here: play.tailwindcss.com/vu2eem9isw

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

    good viddeo, would like to see more videos on tailwind! thanks again!

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

    The link to twitter account is wrong, thanks for this awesome content

    • @AustinShelby
      @AustinShelby  3 года назад +1

      Where did you find the wrong link?

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

      @@AustinShelby in the about tab, when i clicked on twitter link (Follow me on twitter) i was redirected and twitter said that the account doesn't exist, now it's fixed and i'm following you

    • @AustinShelby
      @AustinShelby  3 года назад +1

      @@brahim_boussadjra Thanks for pointing that out

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

      @@AustinShelby you're welcome