Simple Text Animation Just By Using HTML & CSS 

Great Tutorial. Super easy to follow! I feel like I'm becoming better at HTML/CSS every day when I follow your videos!

Finally a tutorial that is paced well!!! Thank you!!!!

Cool, but I really wish you would explain things

u are a monster, ty for code brazil loves u

I have implemented by your video and it's really great

Thank you DarkCode. I Am From Brazil and see your videos forever. Sorry, my english is horrible.

is great can you speak in vedio for we knew understand and thank you

Wow ..good . Plzz speak while making your video so that we not only make animation by copying your code but also we are able for self coding .. tnku

the animation or the moving of text is not working! help please!!!

css code: *{ padding: 0; margin: 0; font-family: sans-serif; } body{ background: #000; } .container{ text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } .container span{ color: white; text-transform: uppercase; display: block; } .text1{ color: white; font-size: 60px; font-weight: 700; letter-spacing: 8px; margin-bottom: 20px; background: black; position: relative; animation: text 3s 1; } .text2{ color: #6ab04c; font-size: 30px; } @keyframes text { 0%{ color: black; margin-bottom: -40px; } 30%{ letter-spacing: 25px; margin-bottom: -40px; } }

exciting tutorial ,just awesome,want more.....

Please, never stop doing this videos!!

Thank you DARKCODE...Love from BANGLADESH.

very nice

i had to subscribe i have seen the best tutorial yet!

Which editor you are using bro?...bdw good video 💕 Love from India

Hey there, I just want to ask, What "*" means? What use of this symbol? can someone explain to me? Thank You!

very nice ... thanks

ARE YOU KIDDING MEE???? I love you!!!!! I want to see all your videos !!

thank you so much man, your tutorial actually worked!

You realy good at this job. İ proud of you :D Go on !! :D

Thank u, so worth it!

super and thanks a lot

nice video. What is the program you are using?

What compiler are You Using? Please tell the name??

You legend I studying for channel

yet simple n attractive.

hey how can i do this but left to right and a border expand on the left side ?? pls help me how i do this

what's url of website where he picks a color?

Why @keyframes doesn't work ??In my pc...

do you have any more text animation videos? I have been struggling leaning them. great video by the way

very cool and usefull video thanks

So simple and nice, thanks man👍

One huge thing I'm not understanding is theres no name to the animation. I wonder if this whole process is completely different for animate.css

How to refresh html view when css file change? Why did not use color picker in atom?

*I dont know why but the position is not good.* this is at the top and i dont know why...(i'm using visual studio). can *anybody* help me

What software editor did you use to auto display codes? Can you answer my question?

DarkCode, which software are you using?

जय होस् Thanks for sharing

Thanks so so much! Just 1 question, How would I do the same effect but only in hover ? I've tried every possible way in my knowledge but didn't work.

Excellent👍 thank you so much for sharing it to us

Loved it, thanks!

This clip awesome dude...thank you

you dint add a class named container but how can you include it in css

I see the darkcode moving up and down during the final animation. How i can fix it?

Hi, how I can make a transparent background text2, for example DARKCODE when i want in background image. I would be grateful for your answer.

Like the video, did help a lot! but how do you make the animation fade/go away after a couple seconds? like i want it to show for about 3seconds after then go away?

keep it up m man

This is great, but I want to know how to add anything else to it. When I code nothing else appears. Adding text or images doesn't work

thank you bhava...

Hey @DarkCode I love your video and it has helped me out a lot but I had this question...is there a way to shorten or extend the time it takes for an animation to play?

In which app he is making this please tell me???

Idk what happen but I completely copy every single line of your code and it doesn't work

amazing css coding wenderfull . Thanks Bro. ;-)

My twxt cant go to the center but my code in container is right what do i do

What's this color page?

so keyframes are declared in % instead of seconds, and the margin bottom defines the "DARKCODE" movement at 0% to 30% - hopefully i understood that right, else i need to find another video to this XD good job even without voice :)

I'm being inspired dude !!❤

bro how did u make that second screen otput screen in vs or sumblime

Superb bro

me gustan estos videos que son rapidos y van al gro a lo que es

In text1 and text 2 class I used color it doest work but font-size work why..

Awesome bro I am a Student i am learning html and css coding i want to ask which application u use may i get link plz.?🥺

So cool no bullshit at all

You are great. Thank you!

Professional Web design kayse coding kare इसपर video बनवाए bro 🙏

Excelente, un saludo desde Bolivia.

Your work is amazing!

Awesome!

Which software ware you use for programming

How do you divide it into 2 spaces like dt?

Amazing but how this page will disappear to show the actual home page??

if i copied and pasted the animated text into a document, would it still do the cool effect?

Can i know why position absolute to class text1

Widht height top widht transaction totally wrong %and pixel plz tell me how change the all % and px

What is that asterisk you added at the begining for?

Thank you, bro

Awesome video, but my ATOM does not work with css, what packages do you use? Thanks

Magnificient

is it possible to put music in website . i wanna do it in my personal website

Brilliant bro... I really inspired...

does anyone know what editor is being used here? thank you

Awesome

That was really awesome tutorial 👍👍

Big thanks

Please tell which code editor do you use?

Danke 😊

Good job!

What extension do you use to preview at the right side?

Hello ! I really like your tutorials and I tried to make the same one but the animation doesn't work. Do someone know why ? Thank you !

Great vid! Thanks for sharing.

love your videos tks

Can we don this in notepad and the save it as html... Will it work... If I write as you've written

Awesome code

What text editor u using???

Would it be possible to use these methods within a SharePoint site page?

thanks for tips

Amazing Video...😍😍😍😍❤️ ...Can you tell the name of this ide ....

Can u tell me wat kinda compiler ur using

Which text editor u r using