How to Make An Auto Typing Text Effect Using Html Css & Javascript

  Рет қаралды 37,629

Html Camp

Html Camp

Күн бұрын

Пікірлер: 58
@htmlcamp
@htmlcamp 2 жыл бұрын
Attention !!! I made a mistake when recording the video and I'm now realizing it. At 2:32 instead of making it looped : true, make it loop : true. Sorry for this mistake
@THISISDAMILOLA1
@THISISDAMILOLA1 2 жыл бұрын
Cool, it worked
@oyeniranoluwaseun6068
@oyeniranoluwaseun6068 Жыл бұрын
Thank you. Just about to ask about this.
@adefilasaheed5171
@adefilasaheed5171 7 ай бұрын
It's not working after making the corrections
@Muhammadqodir2010
@Muhammadqodir2010 5 ай бұрын
Thank you it worked
@BlackWolfOff
@BlackWolfOff 4 ай бұрын
​@@adefilasaheed5171 Don't put the dot (.)
@Muhammadqodir2010
@Muhammadqodir2010 5 ай бұрын
Thank you so much, bro! I am subbed the channel and clicked like❤
@ColeHartman1
@ColeHartman1 10 ай бұрын
One thing to notice is that the script tag has to be above your other html not below
@sumaiyakhan941
@sumaiyakhan941 6 ай бұрын
best best best...! Your vedio help me alot.
@cheekypigg
@cheekypigg 6 ай бұрын
you saved my day ! thank you
@Vapou
@Vapou 5 ай бұрын
if it's too fast, change typespeed and backspeed to typeSpeed and backSpeed ! :)
@vinayakbhosale3125
@vinayakbhosale3125 5 ай бұрын
is there any way to hold the text for a while before changing.. if there's please let me know!
@Vapou
@Vapou 5 ай бұрын
@@vinayakbhosale3125 Hi ! you can use this backDelay: 700, it is 700 by default, you can increase it to make it last longer like backDelay: 2000,
@princesoni5483
@princesoni5483 6 ай бұрын
Great video
@poompoompoom
@poompoompoom 10 ай бұрын
if it's doesn't work try loop instead of looped it's worked for me
@ritikmodanwal810
@ritikmodanwal810 Жыл бұрын
Thanks alot brother ❤️
@htmlcamp
@htmlcamp Жыл бұрын
No problem 👍
@RajeshKumar-of9jo
@RajeshKumar-of9jo Жыл бұрын
Super
@Drdestruction_27
@Drdestruction_27 Жыл бұрын
Not working...even after i recorrect the mistake... i check every bit
@adefilasaheed5171
@adefilasaheed5171 7 ай бұрын
Same here and he's not addressing it
@TechnicalRace-x4h
@TechnicalRace-x4h 3 ай бұрын
copy and paste it, it will work. var typed = new Typed('.auto-type', { strings: ['your first sentence', 'see fdfdfd', 'thank you'], typeSpeed: 130, backSpeed: 130, loop: true, });
@TechnicalRace-x4h
@TechnicalRace-x4h 3 ай бұрын
@@adefilasaheed5171 var typed = new Typed('.auto-type', { strings: ['your first sentence', 'subscribe', 'thank you'], typeSpeed: 130, backSpeed: 130, loop: true, });
@realamrio
@realamrio Ай бұрын
@@TechnicalRace-x4h THANK YOU SO MUCH!!! but what was the problem there? like what did i do wrong
@TechnicalRace-x4h
@TechnicalRace-x4h Ай бұрын
@@realamrio I think there was some space between your code,.
@parasbabiya9133
@parasbabiya9133 Жыл бұрын
it was really helpful
@htmlcamp
@htmlcamp Жыл бұрын
Really glad 😊
@prosenjeetsarker
@prosenjeetsarker Жыл бұрын
why stop animation ?
@htmlcamp
@htmlcamp Жыл бұрын
check pinned comment for correction. Sorry for inconvenience 🙏
@shrutichouksey1324
@shrutichouksey1324 6 ай бұрын
thank u so much...............
@saneekhan1496
@saneekhan1496 3 ай бұрын
sir its not working on my browser
@kartikwarbhog4205
@kartikwarbhog4205 Жыл бұрын
I think no need to write "Programmer" in the span tag because we mentioned it in string
@htmlcamp
@htmlcamp Жыл бұрын
I put it in the span tag so that only that text will be auto typed. Also, so that i can apply style like color to only that text. Anyways, Thanks
@kartikwarbhog4205
@kartikwarbhog4205 Жыл бұрын
​@@htmlcampYou helped me a lot thank you ❤
@kartikwarbhog4205
@kartikwarbhog4205 Жыл бұрын
​@@htmlcampBut one problem is there I put typespeed and backspeed 150 but it's typing speed is very fast
@MarzoukRayen
@MarzoukRayen 3 ай бұрын
merci !!!
@mohamedlafi3768
@mohamedlafi3768 Ай бұрын
iset sousse ?
@MarzoukRayen
@MarzoukRayen Ай бұрын
@mohamedlafi3768 eyy 👋
@mohamedlafi3768
@mohamedlafi3768 Ай бұрын
@@MarzoukRayen netcharfou 5ouya ml safra
@MarzoukRayen
@MarzoukRayen Ай бұрын
@@mohamedlafi3768 🤍🤍
@wisdommathematics389
@wisdommathematics389 3 ай бұрын
Important note for those their own are not working! Change: var typed = new typed () To: var typed = new Typed() Notice that I changed from lower case t in new typed, to upper case T in new Typed 2. To reduce the speed of typing, increase the value in typeSpeed and backSpeed to a value higher than the 150. I think we are good to go
@chinubunny9974
@chinubunny9974 9 ай бұрын
I showed the message like - these are the default text. you know what should you do . have a great day ! how to remove this by our own text
@WasifTaj-ff2nq
@WasifTaj-ff2nq 4 ай бұрын
I have the same problem Did you found the solution?
@O10OOO0i
@O10OOO0i 3 ай бұрын
Same problem bro😂,its like joke for the user maybe
@AnmolSingh-dt2wm
@AnmolSingh-dt2wm 2 ай бұрын
Same problem solve hui kya abhi ?
@lucifergaming2026
@lucifergaming2026 5 ай бұрын
people who are getting problem because of looped change key into loop instead of looped it will work then
@amoljadhav5088
@amoljadhav5088 Жыл бұрын
It's not working
@htmlcamp
@htmlcamp Жыл бұрын
I made a correction please check the pinned comment. Sorry for that
@funwith960fps9
@funwith960fps9 Жыл бұрын
👍
@HexClan-vl2yw
@HexClan-vl2yw 8 ай бұрын
😅
@mohammedabdulrahman4056
@mohammedabdulrahman4056 8 ай бұрын
its too fast
@mohammedabdulrahman4056
@mohammedabdulrahman4056 8 ай бұрын
i mean the animation its not changing even when i change typespeed and backspeed
@Vapou
@Vapou 5 ай бұрын
hi ! change typespeed and backspeed to typeSpeed and backSpeed ! :)
@tobyspooner2460
@tobyspooner2460 7 ай бұрын
it's way too quick
@Vapou
@Vapou 5 ай бұрын
hi ! change typespeed and backspeed to typeSpeed and backSpeed ! :)
@VSEVEN
@VSEVEN 2 ай бұрын
Common Mistake: 1. check your 'string ' variable, it should be 'strings' 2. making sure it is 'loop' instead of 'looped' 3. if its too slow or fast, just play with 'typespeed' and 'backspeed'
@Herculess369
@Herculess369 2 ай бұрын
Thank you man...
@hiphop2051
@hiphop2051 28 күн бұрын
Thanks brow
Multiple Typing Text Animation in HTML CSS & JavaScript
8:12
CodingLab
Рет қаралды 126 М.
CSS Text Typing Animation | HTML & CSS
13:38
Web Dev Made Easy
Рет қаралды 49 М.
Their Boat Engine Fell Off
0:13
Newsflare
Рет қаралды 15 МЛН
УНО Реверс в Амонг Ас : игра на выбывание
0:19
Фани Хани
Рет қаралды 1,3 МЛН
Subtle, yet Beautiful Scroll Animations
5:04
Beyond Fireship
Рет қаралды 1,8 МЛН
Customizable typewriter animation with CSS
19:27
Kevin Powell
Рет қаралды 348 М.
Typing Text Animation Using Only HTML & CSS
5:46
DarkCode
Рет қаралды 46 М.
Can I copy this text reveal scroll effect with CSS-only?
17:17
Kevin Powell
Рет қаралды 136 М.
Super Easy Typewriter Animation With JavaScript
17:17
Tom Is Loading
Рет қаралды 12 М.
Crazy 3D Rotation Effect Using CSS Only
7:40
Lun Dev
Рет қаралды 218 М.
Text typing animation effect using HTML CSS (In Hindi) | Animation CSS
6:33
🤖Create ChatBot Using HTML Css And Javascript | AI ChatBot | Javascript Projects | Gemini Api
45:39