Multiple Typing Text Animation in HTML CSS & JavaScript

Sdílet
Vložit
  • čas přidán 30. 03. 2022
  • Multiple Typing Text Animation in HTML CSS & JavaScript | Typewriter Text Animaton | Codinglab
    In this video tutorial, you will learn to create Multiple Typing Text Animations using HTML CSS, and JavaScript. Actually, text changes automatically with beautiful animation.
    ---
    Hire us on Fiverr
    ➤ www.fiverr.com/prakashahi
    Follow me on Instagram
    ➤ / coding.np
    Visit my website for helpful coding projects with source code
    ➤ www.codingnepalweb.com/multip...
    ---
    Music Credit:
    Song: Ikson - Anywhere (Vlog No Copyright Music)
    Music promoted by Vlog No Copyright Music.
    ➤ Video Link: • Ikson - Anywhere (Vlog... ​
    Song: Ehrling - You And Me (Vlog No Copyright Music)
    Music provided by Vlog No Copyright Music.
    ➤ Video Link: • Ehrling - You And Me (...

Komentáře • 85

  • @jmarlopes.2533
    @jmarlopes.2533 Před rokem +7

    Representing Brazilian programmers, you are amazing!

  • @rabiekhalifa1103
    @rabiekhalifa1103 Před rokem +6

    Amazing +clean +simple 💗 thanks 👍

  • @borislihachev8325
    @borislihachev8325 Před 2 lety +5

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

  • @asrafir.a.k.
    @asrafir.a.k. Před rokem

    Thank you, very good!

  • @PratyooshBhatia
    @PratyooshBhatia Před rokem +4

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

    • @CodingLabYT
      @CodingLabYT  Před rokem +3

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

  • @sayyamCode
    @sayyamCode Před 2 lety

    Always amazing bro💝

  • @CodingPorium
    @CodingPorium Před 2 lety +1

    Nice animation sir👍❤

  • @moathayman8826
    @moathayman8826 Před 11 měsíci

    thanks , good job

  • @qwertyphysics
    @qwertyphysics Před 2 lety +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

  • @ob5804
    @ob5804 Před 11 měsíci

    Thank you)

  • @vinhtran6309
    @vinhtran6309 Před rokem +3

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

  • @mainakmukhrjee6328
    @mainakmukhrjee6328 Před rokem

    it was awesome

  • @YassinY0us5ry
    @YassinY0us5ry Před 11 měsíci

    fire🔥

  • @digitalcell22
    @digitalcell22 Před 2 lety

    Thanks you update 🙏🙏🙏

  • @Sub_Boi
    @Sub_Boi Před 5 měsíci

    Thank you

  • @himang
    @himang Před 2 lety

    Oke im try thanks

  • @devran4246
    @devran4246 Před 2 lety +1

    l love you bro ♥️

  • @rushikeshpatil707
    @rushikeshpatil707 Před 6 měsíci

    thank you

  • @LuisHernandez-so8vu
    @LuisHernandez-so8vu Před rokem

    Thanks , this is very helpul in my projects

  • @sweatypotato248
    @sweatypotato248 Před rokem +3

    Dont worry interview will be easy, the interviewer

  • @simplyy.aviation
    @simplyy.aviation Před 2 měsíci

    THANK YOU SOOOO MUCH!!!

  • @TheBryanRedz
    @TheBryanRedz Před měsícem

    Really nice, thanks

  • @xikam01
    @xikam01 Před rokem

    Keeping Pro

  • @mr88silver
    @mr88silver Před rokem +1

    Thanks you!!!!

  • @hrushikeshwagh.
    @hrushikeshwagh. Před 2 lety

    How did you import font url in css?

  • @WebMastery111
    @WebMastery111 Před 3 měsíci

    i'm using in my project background gradient

  • @ranjushau
    @ranjushau Před 2 lety

    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

  • @theePenwell
    @theePenwell Před 12 dny

    Thank you kindly😌

  • @davinderkumar2000
    @davinderkumar2000 Před 2 lety +2

    what if the background is transparent ??

  • @SerhiiNesterov
    @SerhiiNesterov Před rokem

    amazing

  • @OnlineBDStudents
    @OnlineBDStudents Před rokem +1

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

  • @vaageeshdwivedi2306
    @vaageeshdwivedi2306 Před rokem

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

  • @mrnobody4382
    @mrnobody4382 Před 4 měsíci

    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?

  • @lezarus217
    @lezarus217 Před rokem

    congratulation for 100k Sir❤

  • @memeboys241
    @memeboys241 Před rokem

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

  • @mrgamerfan1
    @mrgamerfan1 Před rokem +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 Před 5 měsíci

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

    • @user-rv3sz7fz5l
      @user-rv3sz7fz5l Před 5 měsíci

      @@tocj chatgpt ✌after one year also.🙂

    • @tocj
      @tocj Před 5 měsíci

      @@user-rv3sz7fz5l always 😂😂

  • @royalhacker5808
    @royalhacker5808 Před 2 lety +1

    You also uploaded this tutorial in your second channel 😅

  • @misha-hk5wx
    @misha-hk5wx Před rokem

    How mack this for page about us?)

  • @marvelheroes6703
    @marvelheroes6703 Před rokem

    can you add responsive to this tutorial

  • @Buncoffeeid
    @Buncoffeeid Před 5 měsíci

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

  • @user-es1mp7ey3p
    @user-es1mp7ey3p Před 2 lety

    I'm the first

  • @asepnob8704
    @asepnob8704 Před 2 lety

    please make me a responsive blogger template🙏🙏

  • @aritzarrondo8595
    @aritzarrondo8595 Před rokem +1

    Or just import typed js

  • @devs13
    @devs13 Před 2 lety +1

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

  • @bulbaczz
    @bulbaczz Před 8 měsíci

    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 ! :)

  • @callmeatk3604
    @callmeatk3604 Před 2 lety

    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 Před 2 lety

      @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

  • @cristofersilva4010
    @cristofersilva4010 Před 6 měsíci

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

  • @karunakarkoyada69
    @karunakarkoyada69 Před 2 lety

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

  • @astrophel3302
    @astrophel3302 Před 6 dny

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

  • @thechoosen4240
    @thechoosen4240 Před 2 lety +12

    Good job bro, JESUS IS COMING BACK SOON;PREPARE

  • @kuncung38
    @kuncung38 Před rokem +1

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

    • @CodingLabYT
      @CodingLabYT  Před rokem +1

      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 Před rokem

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

  • @visiion1998
    @visiion1998 Před rokem

    background color doesn't make sense

  • @CosMIcAkaSh1111
    @CosMIcAkaSh1111 Před rokem

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

    • @CodingLabYT
      @CodingLabYT  Před rokem

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

    • @CosMIcAkaSh1111
      @CosMIcAkaSh1111 Před rokem

      @@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.

  • @asifahmad7649
    @asifahmad7649 Před rokem

    Not working

    • @CodingLabYT
      @CodingLabYT  Před rokem

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

    • @hakzhub
      @hakzhub Před rokem

      @@CodingLabYT still doesnt work

    • @abdillahgamer2552
      @abdillahgamer2552 Před rokem

      Not working javascript error

  • @yumethwijesooriya
    @yumethwijesooriya Před rokem

    thank you

    • @CodingLabYT
      @CodingLabYT  Před rokem

      You're welcome

    • @yumethwijesooriya
      @yumethwijesooriya Před rokem

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