Crazy Text Animation with CSS and SVG

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

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

  • @lundeveloper
    @lundeveloper  12 дней назад +28

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

    • @hami__
      @hami__ 12 дней назад

      You mean subscribe?

    • @devindeed
      @devindeed 9 дней назад

      Bro, but what's the extension name?

    • @Fnydo
      @Fnydo 6 дней назад

      @@lundeveloper I have already subscribed you.

  • @Stone.Gaming
    @Stone.Gaming 12 дней назад +100

    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  12 дней назад +10

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

  • @loopymccoy
    @loopymccoy 12 дней назад +22

    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ц День назад

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

  • @slappy_chimp
    @slappy_chimp 12 дней назад +4

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

  • @18valm
    @18valm 3 дня назад

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

  • @christopherpenny6216
    @christopherpenny6216 11 дней назад +1

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

  • @ЮлияРоманенко-к4ц
    @ЮлияРоманенко-к4ц День назад

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

  • @4arliEdinorog
    @4arliEdinorog 12 дней назад +3

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

    • @Hazarid367
      @Hazarid367 4 дня назад

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

  • @negazuotas
    @negazuotas 11 дней назад

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

  • @jackbeaner5316
    @jackbeaner5316 12 дней назад +1

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

  • @freakfreak786
    @freakfreak786 11 дней назад +1

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

  • @michaelalexandergottung4564
    @michaelalexandergottung4564 8 дней назад

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

  • @hamidalramzy6460
    @hamidalramzy6460 12 дней назад

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

  • @gregtimmons9952
    @gregtimmons9952 12 дней назад

    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  12 дней назад

      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 ❤️

  • @SirEchoYT-ui2ux
    @SirEchoYT-ui2ux 9 дней назад

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

  • @Night_Buddy
    @Night_Buddy 4 дня назад

    Why not i find this channel before❤

  • @dobleuber
    @dobleuber 12 дней назад

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

    • @lundeveloper
      @lundeveloper  12 дней назад

      Thank you. I'm glad it's useful

  • @WiseArts
    @WiseArts 5 дней назад

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

  • @karansj22
    @karansj22 12 дней назад

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

  • @EmaCovers95
    @EmaCovers95 3 дня назад

    Very useful ! Thank youuuu

  • @legendsanimexy8217
    @legendsanimexy8217 11 дней назад

    The thumbnail is just crazy😂
    Great

  • @PicSta
    @PicSta 12 дней назад

    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 🙂

  • @Brlitzkreig
    @Brlitzkreig 10 дней назад

    This was absolutely brilliant

  • @teamalpine4969
    @teamalpine4969 11 дней назад

    it always helps learn new and short things thanks bro

  • @jmr1920
    @jmr1920 12 дней назад

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

  • @AbdulAzizSafi-y4f
    @AbdulAzizSafi-y4f 8 дней назад

    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?

  • @ep4r4
    @ep4r4 12 дней назад

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

  • @rushikeshkhilari4662
    @rushikeshkhilari4662 12 дней назад

    Damn bro, thats was very simple and cool!

  • @QuintessentialDio
    @QuintessentialDio 12 дней назад

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

  • @ta3alombarmaja
    @ta3alombarmaja 12 дней назад

    i love how you give the information, keep going

  • @imjex-developer
    @imjex-developer 12 дней назад

    Your videos are Amazing ❤❤

  • @satyeshnmerwade5029
    @satyeshnmerwade5029 12 дней назад +6

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

  • @jeromejoh6312
    @jeromejoh6312 7 дней назад

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

  • @ベロラ
    @ベロラ 12 дней назад +3

    fire new intro mrbeast I love you ❤

  • @rajmajumdar5253
    @rajmajumdar5253 11 дней назад

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

  • @Programming-Fun-With-Hima
    @Programming-Fun-With-Hima 12 дней назад

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

  • @athulps4374
    @athulps4374 8 дней назад

    Useful content bro ♥️

  • @maicon484
    @maicon484 6 дней назад

    NIce very Nice!!!!!

  • @Hazarid367
    @Hazarid367 4 дня назад

    Thanks you helped me!

  • @gamea9g349
    @gamea9g349 6 дней назад

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

  • @paulolimajr
    @paulolimajr 9 дней назад

    Fantastic tutorial. Thks

  • @mehrdadhelmi
    @mehrdadhelmi 5 дней назад

    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  5 дней назад

      Thanks, its "mobile simulator extenstion"

  • @ChegeErick
    @ChegeErick 12 дней назад

    Just earned a new subscriber kudos!

  • @MercurySteel
    @MercurySteel 12 дней назад

    Loving this content ❤

  • @techie_mants6420
    @techie_mants6420 10 дней назад

    This was nice Lund Dev 😃👍🏻

  • @robertkameni5975
    @robertkameni5975 10 дней назад

    Great content as usual🤙

  • @masoomsanadi
    @masoomsanadi 10 дней назад

    What an idea, using dash-gap

  • @TomásiaDomingos
    @TomásiaDomingos 12 дней назад

    Awesome🎉

  • @trantrungvi2284
    @trantrungvi2284 9 дней назад

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

  • @sportyone9811
    @sportyone9811 11 дней назад

    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  10 дней назад +1

      This is mobile simulator extension in chorme

  • @AvaisAnsari-en6qm
    @AvaisAnsari-en6qm 12 дней назад

    Its too amazing Bro...

  • @bobin5480
    @bobin5480 12 дней назад +4

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

    • @lundeveloper
      @lundeveloper  12 дней назад +1

      This is Mobile simulator extension

  • @christianfellowshipchurchh9531
    @christianfellowshipchurchh9531 10 дней назад

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

  • @KushalBarman-B4C
    @KushalBarman-B4C 12 дней назад

    It's awesome

  • @devindeed
    @devindeed 11 дней назад

    @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? 🙃

  • @NiffirgkcaJ
    @NiffirgkcaJ 3 дня назад

    Thank you so much! :D

  • @EugeneKoshelev
    @EugeneKoshelev 10 дней назад

    Cool stuff!

  • @sobrehombre9338
    @sobrehombre9338 11 дней назад

    Nice!!!
    THanks!!

  • @sol____-_-
    @sol____-_- 8 дней назад

    Nice.

  • @WebDevNiko
    @WebDevNiko 12 дней назад

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

  • @tehranbayram5664
    @tehranbayram5664 12 дней назад

    Amazing bro

  • @rgb685
    @rgb685 12 дней назад +8

    which chrome extension u are using to check responsiveness

    • @sidcena
      @sidcena 12 дней назад +4

      Crome dev tools

    • @andressxito1
      @andressxito1 12 дней назад +3

      Mobile simulator, but you could also just press f12

  • @LuminousWatcher
    @LuminousWatcher 7 дней назад

    Do remember Inkscape as well for creating svg

  • @travisfernandes5387
    @travisfernandes5387 11 дней назад

    boss your are too good

  • @Fnydo
    @Fnydo 12 дней назад

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

  • @tughloksiddiquee1714
    @tughloksiddiquee1714 12 дней назад

    First youtuber I subscribed to in over 3 years I thin

  • @bilalf
    @bilalf 12 дней назад

    Very good!

  • @Mustafa-wl1ly
    @Mustafa-wl1ly 12 дней назад

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

    • @lundeveloper
      @lundeveloper  12 дней назад +1

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

  • @yasinkhan-t4q
    @yasinkhan-t4q 12 дней назад

    Dude, this is fucking awesome

  • @miguelrf7949
    @miguelrf7949 8 дней назад

    A new sub!

  • @ALEXANDER3TON
    @ALEXANDER3TON 12 дней назад

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

  • @Mr.Shashikant
    @Mr.Shashikant 5 дней назад +2

    Which chrome extension you are using 🤔

  • @selvakumar3563
    @selvakumar3563 12 дней назад

    Awsome

  • @Zahidul-Islam-dev
    @Zahidul-Islam-dev 11 дней назад

    Thanks a lot.

  • @mytoonzupdates1263
    @mytoonzupdates1263 12 дней назад

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

  • @pedroespindola2014
    @pedroespindola2014 День назад

    I didn't even know it was so easy to do...

  • @farahrayis5928
    @farahrayis5928 День назад

    Cool

  • @laitei-e40
    @laitei-e40 7 дней назад

    Too rock 🎉🎉🎉

  • @marianfigula4132
    @marianfigula4132 12 дней назад

    Wow ❤

  • @AnuarHamdan
    @AnuarHamdan 12 дней назад

    Awesome.

  • @zainuldin9095
    @zainuldin9095 12 дней назад +1

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

  • @acloudonthebluestsky9687
    @acloudonthebluestsky9687 12 дней назад

    Genius

  • @rinogodson.student.1
    @rinogodson.student.1 12 дней назад +2

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

  • @jozsefnogradi2487
    @jozsefnogradi2487 12 дней назад +1

    Köszönjük!

  • @naimishdwivedi1307
    @naimishdwivedi1307 12 дней назад

    Thank you 🙏

  • @matiasromera330
    @matiasromera330 3 дня назад

    I love you, simple

  • @richard-schneider
    @richard-schneider 12 дней назад

    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) ?

  • @hemanthsrivathsav
    @hemanthsrivathsav 12 дней назад +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 ??

  • @ViktorP4elkin
    @ViktorP4elkin 5 дней назад

    Please share the plugin name that you`ve used for the mobile view.

  • @harshadbhavake325
    @harshadbhavake325 5 дней назад

    How can you check the mobile view directly? which extension do you use ?

  • @aweebtaku429
    @aweebtaku429 12 дней назад

    Can you tell me what VS Code extension you are using for the live server and code writing?

  • @habilobroy9216
    @habilobroy9216 12 дней назад

    ❤❤❤

  • @gandhirajs7055
    @gandhirajs7055 4 дня назад

    super bro but in some font family is not work properly

  • @JHZehan
    @JHZehan 12 дней назад

    Nice

    • @lundeveloper
      @lundeveloper  12 дней назад +1

      Thanks brother 😍

    • @JHZehan
      @JHZehan 12 дней назад

      @@lundeveloper take love Brother

  • @saravinth8005
    @saravinth8005 11 дней назад

    Bro I saw your RUclips channel so How download Hd image and themes which website u use please send new video to explain the all 😊 and am fresher level front developer u explain the website all members to helpful 🤠

  • @Даста0
    @Даста0 12 дней назад

    another video banger !

    • @lundeveloper
      @lundeveloper  12 дней назад

      Thanks for watching brother 😍😍

  • @Cringe765
    @Cringe765 5 дней назад

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

  • @DaniyalSamma
    @DaniyalSamma 12 дней назад

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

  • @fahemjobs
    @fahemjobs 12 дней назад

    More on animations bro