Crazy Text Animation with CSS and SVG

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 192

  • @lundeveloper
    @lundeveloper  17 днів тому +30

    If you find it interesting, please subscribe to see a lot of impressive knowledge and techniques about web design and programming

    • @hami__
      @hami__ 17 днів тому

      You mean subscribe?

    • @devindeed
      @devindeed 13 днів тому

      Bro, but what's the extension name?

    • @Fnydo
      @Fnydo 10 днів тому

      @@lundeveloper I have already subscribed you.

  • @Stone.Gaming
    @Stone.Gaming 17 днів тому +107

    bro, your content is attractive, long enough for a programmer to understand, but short enough so that there's no need to skip forward. love your videos

    • @lundeveloper
      @lundeveloper  17 днів тому +10

      Hope it is helpful 😍 I always prefer to create short content, instead of trying to lengthen videos for other purposes 😍

  • @PatrickThurmond
    @PatrickThurmond День тому +1

    I have been a full stack web dev for 17+ years. And I still find your videos to be helpful and educational. Thank you!

  • @loopymccoy
    @loopymccoy 17 днів тому +24

    I'm a full stack engineer that spent a lot of time with frontend and CSS, I feel like I can create almost anything but your way of thinking always opens my eyes, I actually never thought about this.
    Plus this looks 12/10, awesome job mate, your content fricking ROCKS!
    Short simple, straight to the point, mind blowing, you got a new sub.

  • @ЮлияРоманенко-к4ц
    @ЮлияРоманенко-к4ц 5 днів тому

    Вы супер👍 в восторге от Ваших видео 🥰 Процветания Вам и от всего сердца Благодарю 🙏

  • @slappy_chimp
    @slappy_chimp 17 днів тому +5

    my dude is a magician
    I would appreciate more css and svg animation

  • @abr2736
    @abr2736 2 дні тому +1

    Great content, Lund

  • @christopherpenny6216
    @christopherpenny6216 15 днів тому +3

    Can't tell you how hard I've tried to achieve this effect. Thank you!

  • @AbhishekRaghuvanshiYT
    @AbhishekRaghuvanshiYT 2 дні тому

    Great video! This is a fantastic help to enhance my website. Thank you, love from India. ✨

  • @ЮлияРоманенко-к4ц
    @ЮлияРоманенко-к4ц 5 днів тому

    Супер 👍 Дякую , дуже корисно 🙏❤️

  • @michaelalexandergottung4564
    @michaelalexandergottung4564 12 днів тому +1

    Hey Lundev, I am deeply impressed. One of the best vids I've ever seen. Great work man

  • @jackbeaner5316
    @jackbeaner5316 16 днів тому +1

    You are the best i love your videos, dont be ashamed to use your voice you are such a valuable person

  • @18valm
    @18valm 7 днів тому

    tbh is the first video of css i said 'niceeeee'
    bro you nailed it without making it to complected

  • @negazuotas
    @negazuotas 16 днів тому

    Dont even have to comment, it is enough to think about it and moments later theres LunDev with his excellent tutorial

  • @4arliEdinorog
    @4arliEdinorog 16 днів тому +3

    Хороший пример, как раз хотел что-то подобное попробовать, но хотелось бы ещё что-то посложнее увидеть 👍

    • @Hazarid367
      @Hazarid367 8 днів тому

      Попробуй parallax-ом сделать вообще , шык-блеск .

  • @freakfreak786
    @freakfreak786 15 днів тому +1

    Thank you so much for your videos. You cant imagine how helpful they are

  • @SirEchoYT-ui2ux
    @SirEchoYT-ui2ux 13 днів тому

    I subscribed you for this, very amazing video short and straightforward

  • @hamidalramzy6460
    @hamidalramzy6460 16 днів тому

    this animation is so satisfying, thank you for teaching us this 🙂

  • @legendsanimexy8217
    @legendsanimexy8217 16 днів тому

    The thumbnail is just crazy😂
    Great

  • @karansj22
    @karansj22 16 днів тому

    It's just awesome.. Thank you for sharing this amazing content 😊

  • @ベロラ
    @ベロラ 17 днів тому +3

    fire new intro mrbeast I love you ❤

  • @Brlitzkreig
    @Brlitzkreig 14 днів тому

    This was absolutely brilliant

  • @maicon484
    @maicon484 10 днів тому

    NIce very Nice!!!!!

  • @PicSta
    @PicSta 17 днів тому

    Amazing video and I like small animations, be it such settle one and that makes a website look stunning at the end. Please more videos about SVG and animation options. Liked as always 🙂

  • @athulps4374
    @athulps4374 12 днів тому

    Useful content bro ♥️

  • @dobleuber
    @dobleuber 17 днів тому

    Your content is really great, interesting, and informative.
    Thanks for sharing this!

  • @teamalpine4969
    @teamalpine4969 15 днів тому

    it always helps learn new and short things thanks bro

  • @ep4r4
    @ep4r4 16 днів тому

    Que espectacular, y yo pensaba que era la nueva introducción.

  • @robertkameni5975
    @robertkameni5975 14 днів тому

    Great content as usual🤙

  • @Night_Buddy
    @Night_Buddy 8 днів тому

    Why not i find this channel before❤

  • @ChegeErick
    @ChegeErick 16 днів тому

    Just earned a new subscriber kudos!

  • @Programming-Fun-With-Hima
    @Programming-Fun-With-Hima 16 днів тому

    I love man, you're always presenting the unusual ❤

  • @EmaCovers95
    @EmaCovers95 7 днів тому

    Very useful ! Thank youuuu

  • @gregtimmons9952
    @gregtimmons9952 17 днів тому

    Bro I’m so impressed your constantly pulling out thinks I’ve never seen before. You just really love what you do. My only question is how in the hell do you not have at least a 1M subscribers?
    EDIT: do you have any courses?You honestly need to make some if not

    • @lundeveloper
      @lundeveloper  16 днів тому

      Thank you, I only make videos with 100% of my ideas, that's why you won't be able to or find it hard to find elsewhere ❤️

  • @rushikeshkhilari4662
    @rushikeshkhilari4662 16 днів тому

    Damn bro, thats was very simple and cool!

  • @imjex-developer
    @imjex-developer 16 днів тому

    Your videos are Amazing ❤❤

  • @paulolimajr
    @paulolimajr 14 днів тому

    Fantastic tutorial. Thks

  • @MercurySteel
    @MercurySteel 16 днів тому

    Loving this content ❤

  • @ta3alombarmaja
    @ta3alombarmaja 17 днів тому

    i love how you give the information, keep going

  • @jmr1920
    @jmr1920 16 днів тому

    impressive!! i learned anothe trick today thanks to you!! btw. what is that device toggle extension are you using, that looks cool...

  • @AvaisAnsari-en6qm
    @AvaisAnsari-en6qm 16 днів тому

    Its too amazing Bro...

  • @WiseArts
    @WiseArts 9 днів тому

    Love your projects!! What VSCode theme are you using? And which AI Voice service for the narration? The voices seem super natural!

  • @jeromejoh6312
    @jeromejoh6312 11 днів тому

    great! create my own with ur tutorial ❤ BTW whats the tool u used in the last part of the video, a responsive checker?

  • @TomásiaDomingos
    @TomásiaDomingos 16 днів тому

    Awesome🎉

  • @satyeshnmerwade5029
    @satyeshnmerwade5029 16 днів тому +7

    Please share the extension name used to switch between different devices and sizes, it would be really helpful.

  • @V-Visual-Designs
    @V-Visual-Designs 15 днів тому

    This was nice Lund Dev 😃👍🏻

  • @gamea9g349
    @gamea9g349 11 днів тому

    Good Content but over animation make websites hard to use but usefull when making documetries and short films etc

  • @sol____-_-
    @sol____-_- 12 днів тому

    Nice.

  • @QuintessentialDio
    @QuintessentialDio 17 днів тому

    This is very impressive i must say. Damn... I've always loved using svg but bro this is some next level shi*😲🙌

  • @sobrehombre9338
    @sobrehombre9338 15 днів тому

    Nice!!!
    THanks!!

  • @Hazarid367
    @Hazarid367 8 днів тому

    Thanks you helped me!

  • @masoomsanadi
    @masoomsanadi 14 днів тому

    What an idea, using dash-gap

  • @AbdulAzizSafi-y4f
    @AbdulAzizSafi-y4f 13 днів тому

    Hey Lundev your tutorials are all the best can you please make a video about flex and it's display, properties and anything related to flex and when to use it please?

  • @bilalf
    @bilalf 16 днів тому

    Very good!

  • @EugeneKoshelev
    @EugeneKoshelev 14 днів тому

    Cool stuff!

  • @laitei-e40
    @laitei-e40 11 днів тому

    Too rock 🎉🎉🎉

  • @KushalBarman-B4C
    @KushalBarman-B4C 16 днів тому

    It's awesome

  • @rajmajumdar5253
    @rajmajumdar5253 16 днів тому

    Cool, how about a signature svg stroke animation? That would also be cool.
    Please do this.❤

  • @travisfernandes5387
    @travisfernandes5387 16 днів тому

    boss your are too good

  • @trantrungvi2284
    @trantrungvi2284 13 днів тому

    Great content! What's the tool you used to check the web on difference devices at the end of video?

  • @tehranbayram5664
    @tehranbayram5664 17 днів тому

    Amazing bro

  • @marianfigula4132
    @marianfigula4132 17 днів тому

    Wow ❤

  • @NiffirgkcaJ
    @NiffirgkcaJ 7 днів тому

    Thank you so much! :D

  • @farahrayis5928
    @farahrayis5928 5 днів тому

    Cool

  • @acloudonthebluestsky9687
    @acloudonthebluestsky9687 17 днів тому

    Genius

  • @Fnydo
    @Fnydo 16 днів тому

    Please create a tutorial on making custom animated cursor in vanilla js

  • @selvakumar3563
    @selvakumar3563 17 днів тому

    Awsome

  • @Zahidul-Islam-dev
    @Zahidul-Islam-dev 16 днів тому

    Thanks a lot.

  • @muhammadumarsotvoldiev8768
    @muhammadumarsotvoldiev8768 3 дні тому

    Thank you bro

  • @mehrdadhelmi
    @mehrdadhelmi 9 днів тому

    Beat kind of tutorial videos ❤️
    One question , what is the tool that you used at the end of the video for checking the website in different sizes?

    • @lundeveloper
      @lundeveloper  9 днів тому

      Thanks, its "mobile simulator extenstion"

  • @ALEXANDER3TON
    @ALEXANDER3TON 16 днів тому

    i want more video about threejs, it would be nice if you do it in react typescript

  • @LuminousWatcher
    @LuminousWatcher 11 днів тому

    Do remember Inkscape as well for creating svg

  • @christianfellowshipchurchh9531
    @christianfellowshipchurchh9531 14 днів тому

    what extension are you using to have that nc mobile device frames? Btw love your videos so much.

  • @miguelrf7949
    @miguelrf7949 13 днів тому

    A new sub!

  • @zainuldin9095
    @zainuldin9095 17 днів тому +1

    please create electric wire animation sth like vercel glob where one linear gradient move one pos to another

  • @yasinkhan-t4q
    @yasinkhan-t4q 17 днів тому

    Dude, this is fucking awesome

  • @sportyone9811
    @sportyone9811 15 днів тому

    Thanks for the cool video👍. Can u tell me what Programm u use for responsive design ? Where did u click to get those mobile styling ?

    • @lundeveloper
      @lundeveloper  15 днів тому +1

      This is mobile simulator extension in chorme

  • @jozsefnogradi2487
    @jozsefnogradi2487 16 днів тому +1

    Köszönjük!

  • @devindeed
    @devindeed 16 днів тому

    @lunadev, I just love the rainbow bar in vscode, could you tell what vs code extension are you using for the active tab border (rainbow line) at the top of the filename? 🙃

  • @WebDevNiko
    @WebDevNiko 16 днів тому

    very cool is it ok to use the figma fonts example in production apps wihtout some copyright stuff?idk

  • @habilobroy9216
    @habilobroy9216 16 днів тому

    ❤❤❤

  • @Даста0
    @Даста0 17 днів тому

    another video banger !

    • @lundeveloper
      @lundeveloper  17 днів тому

      Thanks for watching brother 😍😍

  • @AnuarHamdan
    @AnuarHamdan 17 днів тому

    Awesome.

  • @georgesymonds007
    @georgesymonds007 3 дні тому

    I Was not ready for 3 intros

  • @Mustafa-wl1ly
    @Mustafa-wl1ly 16 днів тому

    Can u please tell which vs code theme u use. Its really good. I recently subscribed.

    • @lundeveloper
      @lundeveloper  16 днів тому +1

      I use DracularOffical theme, then use Custom CSS and Js loader extension to customize it

  • @mytoonzupdates1263
    @mytoonzupdates1263 16 днів тому

    My guy yu tje first i can't explain 😂😂😂😂

  • @Mr.Shashikant
    @Mr.Shashikant 9 днів тому +2

    Which chrome extension you are using 🤔

  • @devohicru4443
    @devohicru4443 16 годин тому

    It’s awesome’ but it’s gonna slow down sure and not good for seo and speed wise?

  • @bobin5480
    @bobin5480 17 днів тому +4

    What is tools you use to change screen looks like phone, laptop 😮

    • @lundeveloper
      @lundeveloper  17 днів тому +1

      This is Mobile simulator extension

  • @rgb685
    @rgb685 17 днів тому +8

    which chrome extension u are using to check responsiveness

    • @sidcena
      @sidcena 16 днів тому +4

      Crome dev tools

    • @andressxito1
      @andressxito1 16 днів тому +3

      Mobile simulator, but you could also just press f12

  • @naimishdwivedi1307
    @naimishdwivedi1307 17 днів тому

    Thank you 🙏

  • @tughloksiddiquee1714
    @tughloksiddiquee1714 16 днів тому

    First youtuber I subscribed to in over 3 years I thin

  • @Cringe765
    @Cringe765 9 днів тому

    Please make a website clone every one teaches that type but you are something different. Please please make video on that

  • @hemanthsrivathsav
    @hemanthsrivathsav 17 днів тому +1

    Hey, I tried something similar to this, can you do a css animation like apple hello boot loading screen where we see hello being written in motion, can you do that in video tutorial ??

  • @quanglongtran03
    @quanglongtran03 12 днів тому

    hay quá

  • @richard-schneider
    @richard-schneider 16 днів тому

    What theme do you use in vscode? It’s awesome 😎 and what plug-in show you, what is wrong with your code (in the line of your code) ?

  • @matiasromera330
    @matiasromera330 7 днів тому

    I love you, simple

  • @rinogodson.student.1
    @rinogodson.student.1 16 днів тому +2

    Can you please share the name of that extension you used to display it inside an iPhone mockup? 2:17

  • @gandhirajs7055
    @gandhirajs7055 9 днів тому

    super bro but in some font family is not work properly

  • @DaniyalSamma
    @DaniyalSamma 17 днів тому

    The way, you explain the concepts in the videos is just mind blowing. Thanks a lot for the information you share!