Star Wars Scrolling Text Tutorial (CSS Animation)

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 พ.ย. 2024

ความคิดเห็น • 94

  • @stephenhewlett3504
    @stephenhewlett3504 4 ปีที่แล้ว +38

    The dust particles all over my screen really gave an outer space vibe to the background

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว

      Haha, nice

  • @rahulsriram6295
    @rahulsriram6295 4 ปีที่แล้ว +7

    Oh Shaun, if I have immense respect for any dev TH-camr out there, its you. You're the chosen one. May the force be with you...💓

  • @spellsaif
    @spellsaif 4 ปีที่แล้ว +3

    You are changing life of many... Thank You, Master :)

  • @remkospaans
    @remkospaans 4 ปีที่แล้ว +1

    Hello there! As Star Wars fan i like this. May the force be with you master Ninja.

  • @swoorp
    @swoorp 4 ปีที่แล้ว +7

    😍😍😍😍love you Shaun sir, the thumbnail got my heart... And then your voice💓 hopefully I would be able to help you make projects one day.!!!

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +2

      Thank you!!

    • @swoorp
      @swoorp 4 ปีที่แล้ว +1

      @@NetNinja ☺️

  • @ericcarver7465
    @ericcarver7465 2 ปีที่แล้ว +1

    Another cool informative vid by Net Ninja! I learn what you are teaching and also learn emmet tidbits along the way too. Awesome!

  • @ArtVandelayInc
    @ArtVandelayInc 4 ปีที่แล้ว +1

    Awesome tutorial as always. You are a gift for us for sure

  • @sanjibdey01
    @sanjibdey01 3 ปีที่แล้ว

    This has a separate fan base !!!
    Thank you, Master 🙏

  • @mustaphaELHOURA
    @mustaphaELHOURA 4 ปีที่แล้ว

    You are really the best, teacher in the net

  • @mate5375
    @mate5375 4 ปีที่แล้ว +2

    If the animation doesn't start, when you declare the doctype in the html, give the "body" a height of 100vh.

    • @allex204
      @allex204 4 ปีที่แล้ว +1

      But the animation looks very different then. Did anyone find another solution?

  • @briandesign
    @briandesign 4 ปีที่แล้ว +1

    This is epic 🔥

  • @mrahmedfuad2656
    @mrahmedfuad2656 4 ปีที่แล้ว

    Just from looking from the thumbnail this gonna be AMAZING!!!!!!!

  • @kuroikenshi9217
    @kuroikenshi9217 4 ปีที่แล้ว +2

    Cool Shaun-sensei, thank you🖤

  • @a7medev
    @a7medev 4 ปีที่แล้ว +2

    Awesome, Man! ⚡

  • @royangagas2519
    @royangagas2519 4 ปีที่แล้ว +4

    This can be implement to my exam project web design, thanks for this tutorial

  • @jidaasare7021
    @jidaasare7021 4 ปีที่แล้ว

    Thanks so much Shaun! You are amazing!!!! Can't wait for possible lessons in GSAP

  • @sanan4li
    @sanan4li 4 ปีที่แล้ว

    You are awesome man.. love your tutorials and more importantly your accent 😉

  • @keyos27
    @keyos27 4 ปีที่แล้ว +1

    Wow, thank you for doing this!

  • @mohdalghoul8673
    @mohdalghoul8673 4 ปีที่แล้ว +1

    Thanks master, how about electron js tutorial 😉

  • @christersin7934
    @christersin7934 4 ปีที่แล้ว

    wow, learn new things. How to control the animation go through....line z like a 3D animation. Awesome! Thankyou very much sir.

  • @manishbatra4
    @manishbatra4 4 ปีที่แล้ว

    i am trying to do it with framer motion. great timing enjoy The Mandalorian
    everybody

  • @lucadifazio2735
    @lucadifazio2735 3 ปีที่แล้ว +2

    If I use I have a different output. Why?

  • @maskman4821
    @maskman4821 4 ปีที่แล้ว +3

    Sir, when will you release pwa (workbox, push notification, saving live / dynamic data from any remote api (except firebase) to browser storage such as indexdb using service worker ) tutorials ???

  • @jitupedret896
    @jitupedret896 3 ปีที่แล้ว

    Amazing! I was searching just for it.

  • @saandial3412
    @saandial3412 4 ปีที่แล้ว +1

    Love your content! Please create a MEVN ecommerce course like Traversy's MERN.

  • @kipyegonline
    @kipyegonline 4 ปีที่แล้ว

    Haha, incredible...May the force be with you.

  • @danielbark
    @danielbark 4 ปีที่แล้ว +2

    Nice one Ninja! :D

  • @frodion
    @frodion 4 ปีที่แล้ว

    I couldn't stop laughing when I saw the Lorem Ipsum Text in the first seconds 😄 You made my day

  • @pratikgohil7821
    @pratikgohil7821 3 ปีที่แล้ว

    0 dislikes, love for net ninja ❤

  • @fatimasyed1782
    @fatimasyed1782 4 ปีที่แล้ว +2

    awesome

  • @shineLouisShine
    @shineLouisShine ปีที่แล้ว

    Looks good ,thanks.
    But...
    How do I set it to start from the first line / fron the bottom of the screen...
    When you put an actual text and not Lorem -
    It become much more crucial to not lose information...

  • @PsimanUK
    @PsimanUK 4 ปีที่แล้ว +2

    Awesome tutorial! I didn't realise so much could be done with CSS. I've learnt quite a lot from this video about animations. Right, now I'm off to put some of it into practice. Thanks!

  • @DanFlakes
    @DanFlakes 4 ปีที่แล้ว

    Woah that looks great!

  • @keyos27
    @keyos27 4 ปีที่แล้ว +7

    I noticed if I use "" if changes the font size, which makes it look totally different. Anyone know why it is causing it?

    • @lucadifazio2735
      @lucadifazio2735 3 ปีที่แล้ว +2

      Same happened to me. I struggled for quite an hour and that was causing the bug. I really can't understand why. Also, everything nowadays has ...

    • @NagaVibzartworks
      @NagaVibzartworks 5 หลายเดือนก่อน

      thanks, I had my fonts and animation upside down untill I deleted :)

  • @sanghvian
    @sanghvian 4 ปีที่แล้ว

    Long live the ninja !

  • @swoorp
    @swoorp 4 ปีที่แล้ว +3

    🌟 star wars Ninja

  • @enduranceochonogor6291
    @enduranceochonogor6291 4 ปีที่แล้ว

    Hey Shaun. Can you do a MERN stack series with authentication and perhaps Redux???
    Big fan here.

  • @jibinjoseph5228
    @jibinjoseph5228 4 ปีที่แล้ว +1

    Can you do a tutorial series on gsap ❤️

  • @grayshark7713
    @grayshark7713 4 ปีที่แล้ว

    Awesome! Thank you so much.

  • @fanegantosin2973
    @fanegantosin2973 4 ปีที่แล้ว

    I love this

  • @chideraachinike7619
    @chideraachinike7619 4 ปีที่แล้ว

    You're awesome!

  • @xandresousax
    @xandresousax 2 ปีที่แล้ว

    Thanks!

  • @abhishekjha1390
    @abhishekjha1390 4 ปีที่แล้ว +2

    I was waiting for this😀😀

  • @ash-faque
    @ash-faque 4 ปีที่แล้ว

    Que the music 🤺

  • @sheikhabubakar1705
    @sheikhabubakar1705 4 ปีที่แล้ว

    Thank you so much!

  • @VasTracer
    @VasTracer 4 ปีที่แล้ว +1

    Hey, can you make the same with ?

  • @shubhang2877
    @shubhang2877 4 ปีที่แล้ว

    Ohhhhhhhhhhh Snappppppppppp

  • @nishadmm5508
    @nishadmm5508 4 ปีที่แล้ว

    Nice🖤

  • @ScottPlude
    @ScottPlude 4 ปีที่แล้ว

    brilliant!

  • @surajkushwah3221
    @surajkushwah3221 4 ปีที่แล้ว +1

    jedi mind css tricks.

  • @maciekc.9898
    @maciekc.9898 4 ปีที่แล้ว

    Love the new tutorial :) Wondering if there will be Vue 3 course or Vue 3 Composition API :) to be clear it is not a request or any suggestion ;) simple yes/no question :D I couldn't found good Vue/Django full-stack project ...now that is a small suggestion due to a quite a gap in the whole TH-cam tutorials :D:D:D

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +4

      I'm working on a Vue 3 course right now for Udemy, but will also upload a free one here too when I'm done :)

    • @maciekc.9898
      @maciekc.9898 4 ปีที่แล้ว +1

      @@NetNinja Awesome !! :)

    • @maskman4821
      @maskman4821 4 ปีที่แล้ว

      @@NetNinja wow, that would be awesome, vue 3 has a ton of new stuff, I am still using vue 2 option-api, very excited and looking forward to see the vue 3 course !!!

  • @adityamaurya8092
    @adityamaurya8092 4 ปีที่แล้ว +2

    Hey ninja make a tutorial when user scroll then the load data from database as we seen from Facebook comment section

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +6

      That's so crazy - I'm literally working on a data lazy-load scroll tutorial now!

    • @volkankahraman_
      @volkankahraman_ 4 ปีที่แล้ว

      ​@@NetNinja Hey can you use firebase as backend. So we would have undertanding of pagination with firestore. Also loading all of documents with one query is not performance and cost efficent with firestore. Which you are doing it in all of your firestore tutorials(loading all documents) and I think pagination with firestore is hard to grasp for beginners. Thanks for the good tuts keep it up 🐱‍👤

    • @swoorp
      @swoorp 4 ปีที่แล้ว

      @@NetNinja hi master, if you would like, I've got a similar project that I've been working on. my project is for the scrollbars and is now taking a shape of a js library. if you don't mind you can take over the project and... right now it's a private repository on GitHub, if you want to see it ill make public!

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +3

      That’s exactly what I’m doing :)

  • @matteofrancese1014
    @matteofrancese1014 ปีที่แล้ว

    Can i scroll the text without animation? Such a normal page with the mouse wheel?

  • @ridl27
    @ridl27 4 ปีที่แล้ว

    ty.

  • @sappro7981
    @sappro7981 4 ปีที่แล้ว +1

    Angular back end please sir

  • @madebytl
    @madebytl 4 ปีที่แล้ว

    Haha just learned your bacis HTML CSS 😇

  • @pawanpatil
    @pawanpatil 4 ปีที่แล้ว

    Hi Shaun. Can we have Next JS tutorial

  • @antomicawad6377
    @antomicawad6377 4 ปีที่แล้ว

    Niceeeee !!!

  • @troys1426
    @troys1426 4 ปีที่แล้ว

    Please make a Unity Beginner's Tutorial.

  • @RameenFallschirmjager
    @RameenFallschirmjager 4 ปีที่แล้ว

    WWWOOOOOO HHHHOOOOOOOO Star Wars!

  • @adnanamin3666
    @adnanamin3666 4 ปีที่แล้ว

    💜💜💜💜💜

  • @kartikpatil1031
    @kartikpatil1031 4 ปีที่แล้ว +1

    Please do MERN stack or React Native.

    • @adante407
      @adante407 4 ปีที่แล้ว +1

      th-cam.com/play/PL4cUxeGkcC9ixPU-QkScoRBVxtPPzVjrQ.html

    • @kartikpatil1031
      @kartikpatil1031 4 ปีที่แล้ว +1

      @@adante407 thanks.

  • @razimomin9540
    @razimomin9540 4 ปีที่แล้ว

    Please make react native animation series

  • @geniushumans5114
    @geniushumans5114 4 ปีที่แล้ว

    Please make a vue app

  • @LuckyLootTube
    @LuckyLootTube ปีที่แล้ว

    How do i change the font, please?

  • @programmer4047
    @programmer4047 4 ปีที่แล้ว

    Are you a full time TH-camr?

  • @hemanthkumar8330
    @hemanthkumar8330 4 ปีที่แล้ว +1

    Noice...

  • @boneykingofsomewhere
    @boneykingofsomewhere 4 ปีที่แล้ว

    The real star wars music is overrated anyways ;) haha great video once again, thanks!

  • @albertwyatt4895
    @albertwyatt4895 3 ปีที่แล้ว

    Just here to flex my second-month batch on this channel (Oh lol, I guess it shows the second-month batch after you've completed the month)

    • @NetNinja
      @NetNinja  3 ปีที่แล้ว +1

      Thanks so much, I really appreciate it! :D

  • @swoorp
    @swoorp 3 ปีที่แล้ว

    ayeee, no dislikes! woooow

  • @window.location
    @window.location 4 ปีที่แล้ว +1

    4:44 ya 2020 is too dark
    LOL

  • @uness4511
    @uness4511 4 ปีที่แล้ว

    Lol when I played the video I tought I am gonna watch a film produced by coding 😆

  • @mgr1282
    @mgr1282 4 ปีที่แล้ว +1

    Go fiber or Tensorflow PLZ
    There are no good tutorials on GoLang and Tensorflow.py

  • @thecscontent5110
    @thecscontent5110 4 ปีที่แล้ว

    I also do videos about coding!😁🎬💻