Multiple Typing Text Animation in HTML CSS & JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ม.ค. 2025

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

  • @jmarlopes.2533
    @jmarlopes.2533 ปีที่แล้ว +8

    Representing Brazilian programmers, you are amazing!

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

    I'm impressed how you show adblock popup when copying code! Subscribed just because of this!!

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

      I'm glad you liked it and thankyou for the sub.

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

    Amazing +clean +simple 💗 thanks 👍

  • @qwertyphysics
    @qwertyphysics 2 ปีที่แล้ว +13

    I am impressed how u work on ur frontend skills
    Hope you make tutorials and tips and tricks for ui designing with voice commentary
    I know you are new so you need time but I appreciate your efforts

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

      th-cam.com/video/g91mq33sqQg/w-d-xo.html
      Check this

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

    very helpful!!!!! thank a lots for your work!!!!

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

      Glad it was helpful!

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

    Always amazing bro💝

  • @borislihachev8325
    @borislihachev8325 2 ปีที่แล้ว +5

    Великолепно 🔥

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

    Nice animation sir👍❤

  • @asrafir.a.k.
    @asrafir.a.k. ปีที่แล้ว

    Thank you, very good!

  • @TheBryanRedz
    @TheBryanRedz 7 หลายเดือนก่อน

    Really nice, thanks

    • @CodingLabYT
      @CodingLabYT  7 หลายเดือนก่อน

      Glad you like it!

  • @LuisHernandez-so8vu
    @LuisHernandez-so8vu ปีที่แล้ว

    Thanks , this is very helpul in my projects

  • @itschris9094
    @itschris9094 3 หลายเดือนก่อน

    is this working for the react too ?

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

    thanks , good job

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

    congratulation for 100k Sir❤

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

      Thank you so much.

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

      @@CodingLabYT 😍🥰

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

    Dont worry interview will be easy, the interviewer

  • @theePenwell
    @theePenwell 6 หลายเดือนก่อน

    Thank you kindly😌

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

      You’re welcome 😊

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

    I tried doing this with react, the set timeout messes with the other animations in the component. How do I fix this?

    • @tocj
      @tocj 11 หลายเดือนก่อน

      1 year later lol but you can use an array and add the typewriter effect to each of the elements in the array

    • @ErrorGirl-k5b
      @ErrorGirl-k5b 11 หลายเดือนก่อน

      @@tocj chatgpt ✌after one year also.🙂

    • @tocj
      @tocj 11 หลายเดือนก่อน

      @@ErrorGirl-k5b always 😂😂

  • @simplyy.aviation
    @simplyy.aviation 7 หลายเดือนก่อน

    THANK YOU SOOOO MUCH!!!

    • @CodingLabYT
      @CodingLabYT  7 หลายเดือนก่อน

      You're welcome!

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

    It is too good i show many people are use code of git but you make own and tech us veey easly thanks 🔥👍
    From : 🇮🇳

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

    it was awesome

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

    l love you bro ♥️

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

    love you ..........................best

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

    Thanks you update 🙏🙏🙏

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

    Thank you)

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

    Thanks you!!!!

  • @mrnobody4382
    @mrnobody4382 9 หลายเดือนก่อน

    good but has flaws when u reduce the screen size or what to make it responsive then the background color overwrites the existing content maybe it has a solution till now i can't find it lol , also when you use react this error pops up Main.js:10 Uncaught TypeError: Cannot set properties of null (setting 'textContent') , anyone have ideas on it?

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

    caught TypeError: Cannot set properties of null (setting 'textContent')
    This is showing in console

  • @movieshubofficial-o4e
    @movieshubofficial-o4e 2 ปีที่แล้ว

    Sir, I have learned web design. I want to learn more. What I will do next will be good for my future. Please tell me Sir In between the MEAN stack and MERN stack

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

    what if the background is transparent ??

    • @ultra19.shorts
      @ultra19.shorts 5 หลายเดือนก่อน

      just change the background color to FFFFFFF

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

    How did you import font url in css?

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

    amazing

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

    Oke im try thanks

  • @WebMastery111
    @WebMastery111 8 หลายเดือนก่อน

    i'm using in my project background gradient

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

    Keeping Pro

  • @misha-hk5wx
    @misha-hk5wx ปีที่แล้ว

    How mack this for page about us?)

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

    Thanks a lot sir , but I don't get the meaning of the number 4000 in script

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

      4000 means 4s, 1000ms = 1 seconds

  • @Buncoffeeid
    @Buncoffeeid 11 หลายเดือนก่อน

    everyone can help me? can I embed the code into my WordPress website?

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

    can you add responsive to this tutorial

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

    thank you

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

      You're welcome

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

      @@CodingLabYT I want to learn about php. to create my own website login page and signup page. Can you upload video about that. Please

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

    You also uploaded this tutorial in your second channel 😅

  • @cristofersilva4010
    @cristofersilva4010 11 หลายเดือนก่อน +1

    Guys, what if the background is a image and not a solid color?

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

    sir my script is not working plz give me some sollution
    🥲

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

      You may have missed code code. Please take source code from my website. Link is in the description.

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

      @@CodingLabYT no sir copy the source code from your website. I try different project source code but the js portion didn't work.
      I already installed the code runner, JavaScript plugin in vs code but nothing work.
      Plz help me to figure out this.

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

    I need help. I have four words. And works good but looping on last word. No show, next first word. Why ? I'm set time 1-0; 2-4000; 3 - 8000; 4 - 12000 and setInterval(textLoad, 1600000
    Edit: I found mistake in my code and I fix it. Then I write setInterval(textLoad, 1600000); YES 160000 (is to long time xD ) I correct this to 16000 and NOW works perfect !!! No looping ! :)

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

    I have no idea what does 40% and 60% means in CSS..

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

      the percent takes the parent's value, for example, if the parent's width is 100px and you give its child a width of 50%, then that child's value will be 50px;

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

      @@CodingLabYT so in that animation, after reaching 40 and 60%, what does it do?

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

    who can explain me i needs a hlelp that how call this:
    content: "" ; => i don't know this usage. Anyone please help me to do.

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

      @Erik Šutriepka Thanks a lot coz i'm self studying without having a teacher. Only research on google and youtube. Sometimes i wants to ask someone but nothing. So thank you

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

    Or just import typed js

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

    please make me a responsive blogger template🙏🙏

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

    Sir why can't you explain the code,instead of playing that background music

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

    background color doesn't make sense

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

    Please do not repeat the set time out so much.
    Put the changing text in a array/object
    Const txtChang=[blogger, TH-camr, Freelancer]
    Then use setinterval to cycle through the array every 4s.

  • @thechoosen4240
    @thechoosen4240 2 ปีที่แล้ว +13

    Good job bro, JESUS IS COMING BACK SOON;PREPARE

  • @عبداللهاللحام-ح5ث
    @عبداللهاللحام-ح5ث 2 ปีที่แล้ว

    I'm the first

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

    Not working

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

      Source codes are available in my webisite. Link is available in the video description.

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

      @@CodingLabYT still doesnt work

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

      Not working javascript error

  • @rushikeshpatil707
    @rushikeshpatil707 11 หลายเดือนก่อน

    thank you

  • @Sub_Boi
    @Sub_Boi 11 หลายเดือนก่อน

    Thank you