No video

Typing Text Animation Using Only HTML & CSS

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

DarkCode

DarkCode

Күн бұрын

In this video, You will learn how to create an awesome multiple Text Typing Animation Using Only HTML & CSS
-------------------------------------
◼️ Source code: www.darkcode.i...
-------------------------------------
Social Media Pages:
◼️ Facebook: / darkcode0
◼️ Instagram: / darkcodeonl. .
-------------------------------------
Support Me:
◼️ Paypal: paypal.me/YBen...
◼️ Patreon: / darkcode
-------------------------------------
◼️ Code Editor: VS Code
◼️ Packages installed: Emmet, Live Server
◼️ Color Theme Used: One Dark Pro
-------------------------------------
Music:
Track: Jéja - Bad Habit (ft. Zaug) - Phonk Version [NCS Release]
Music provided by NoCopyrightSounds.
Watch: NCS.lnk.to/BadH....
Free Download / Stream: ncs.io/BadHabit...

Пікірлер: 27
@carlosandresramirez9808
@carlosandresramirez9808 Жыл бұрын
Thank you for the video DarkCode. Greetings❤👍👍👍👋👋👋
@DarkCodeOnline
@DarkCodeOnline Жыл бұрын
you're welcome
@arturmoreira9716
@arturmoreira9716 Жыл бұрын
Amazing brother, thanks
@DarkCodeOnline
@DarkCodeOnline Жыл бұрын
Welcome ❤️
@IjazMasih-cv2ed
@IjazMasih-cv2ed 2 ай бұрын
Thank you sooooooo much
@carlospaz3277
@carlospaz3277 3 ай бұрын
Dude that's so cool
@dbldragon835
@dbldragon835 Жыл бұрын
really nice, can you make it interactive ,like whatever user types ,it shows the same way,like i am spiderman,i am ironman,when a user types,spiderman or ironman
@wirat2011
@wirat2011 Жыл бұрын
Thanks
@DarkCodeOnline
@DarkCodeOnline Жыл бұрын
you're welcome
@jardeljeremiasjasse
@jardeljeremiasjasse 4 ай бұрын
cool
@shoaibahmed5293
@shoaibahmed5293 Жыл бұрын
Welcome back! 🎉
@user75445
@user75445 Жыл бұрын
🔥🔥
@user-dn6ng2yk4s
@user-dn6ng2yk4s 6 ай бұрын
Really useful 👍
@VijayKumarYenuganti
@VijayKumarYenuganti 11 күн бұрын
sir you have five but some will have less than five how to adjust it
@user-dr6vi6ms2t
@user-dr6vi6ms2t 5 ай бұрын
It's not work properly for me
@SunitaSharma0100
@SunitaSharma0100 10 ай бұрын
Is it my problem as I did using same code and same platform, why mine cant work this well?
@allanpires4362
@allanpires4362 10 ай бұрын
for me worked: Text typing animation I'm a body{ margin: 0; padding: 0; background-color: #2f3542; color: #fff; height: 100vh; display: flex; justify-content: center; align-items: center; font-family: 'Montserrat', sans-serif; } .animated-text{ font-size: 20pt; font-weight: 600; min-width: 280px; } .animated-text span{ position: relative; } .animated-text span::before{ content: "KZfaqr"; color: #ff7f50; animation: words 20s infinite; } .animated-text span::after{ content: ""; position: absolute; width: calc(100% + 8px); height: 100%; background-color: #2f3542; border-left: 2px solid #ff7f50; right: -8px; animation: cursor .8s infinite, typing 20s steps(14) infinite; } @keyframes cursor{ to{ border-left: 2px solid transparent; } } @keyframes words{ 0%, 20%{ content: "KZfaqr"; } 21%, 40%{ content: "Blogger"; } 41%, 60%{ content: "Developer"; } 61%, 80%{ content: "Designer"; } 81%, 100%{ content: "Gamer"; } } @keyframes typing{ 10%, 15%, 30%, 35%, 50%, 55%, 70%, 75%, 90%, 95%{ width: 0; } 5%, 20%, 25%, 40%, 45%, 60%, 65%, 80%, 85%{ width: calc(100% + 8px); } }
@SunitaSharma0100
@SunitaSharma0100 10 ай бұрын
code is not working🤔
@okorochimezirimchibuzo6040
@okorochimezirimchibuzo6040 Жыл бұрын
The code didn't work for me
@user-nr3lm1ug9j
@user-nr3lm1ug9j 6 ай бұрын
😂😂😂 u think any one of us got projects like this worked
@prosenjeetsarker
@prosenjeetsarker Жыл бұрын
This is complex .
@mohamedahmedsaad1793
@mohamedahmedsaad1793 5 ай бұрын
i agree
@dopffishere
@dopffishere 9 ай бұрын
ban tinh roi a oi
@marshallxzn3802
@marshallxzn3802 Жыл бұрын
Is it my problem as I did using same code and same platform, why mine cant work this well?
@shadowff001
@shadowff001 3 ай бұрын
same
CSS Text Typing Animation | HTML & CSS
13:38
Web Dev Made Easy
Рет қаралды 45 М.
Customizable typewriter animation with CSS
19:27
Kevin Powell
Рет қаралды 346 М.
娜美这是在浪费食物 #路飞#海贼王
00:20
路飞与唐舞桐
Рет қаралды 6 МЛН
Or is Harriet Quinn good? #cosplay#joker #Harriet Quinn
00:20
佐助与鸣人
Рет қаралды 18 МЛН
Sigma code Camp | For Loop in C++| episode No 14
24:29
Code Academia
Рет қаралды 1
CSS Glowing Tubelight Text Animation Effects | CSS Glowing Effects
3:50
Online Tutorials
Рет қаралды 161 М.
Simple Text Animation Just By Using HTML & CSS
4:29
DarkCode
Рет қаралды 773 М.
Animated Glowing Button Hover Effect using HTML & CSS
4:34
CODEGAMER
Рет қаралды 3,6 М.
Learn CSS Border Animations in 6 Minutes
5:57
Coding2GO
Рет қаралды 93 М.
Subtle, yet Beautiful Scroll Animations
5:04
Beyond Fireship
Рет қаралды 1,7 МЛН
Award Winning Animation With Only 20 Lines Of CSS?
6:59
Hyperplexed
Рет қаралды 1,7 МЛН
A flexbox trick to improve text wrapping
5:02
Kevin Powell
Рет қаралды 210 М.
Login Form in HTML & CSS
11:07
Codehal
Рет қаралды 1,5 МЛН
Super Easy Typewriter Animation With JavaScript
17:17
Tom Is Loading
Рет қаралды 11 М.