How To Make Website With Animation | Moving Car Using CSS Animation

[@sarcaastech]

for all those people who are asking about how he setted the wheel size and all first make sure that you know about html css throughly . learn about position relative and all and then come here and make this awesome project . also FYI the wheel and the car are set by practically examining the positions using the inspect menu while running our index file on the browser.

[@kanyshaiosmonova7968]

I got it. We can make animations, cartoons with the help of CSS😁😁😁

[@vijaysapkal5788]

While writing each line plzz explain and show what that line does, so that beginner will able to understand. By the way nice video as always! : )

[@vinethasuresh3488]

True ..... because I too beginner

[@arrow82roc]

Exactly!!!

[@aishwaryapatil468]

That will be spoon feeding

[@gsrcreations108]

First learn fundamental of css animation if you know then you can easily understand from code .....

[@mrkajit9211]

Yes

[@mayursalunke4733]

Awesome sir Very helpful me iam bca student

[@s.m.rakibhasan7772]

In fact I should salute you before writing, I watch your amazing tutorials regularly. You are making not only creative contents but also making us speedy so that can code easily. I pray for Easy Tutorials to go a long way ahead. *** I have one problem from this, with responsiveness, when I inspect for smaller screen, the highway got finish within few seconds and come again. Can you please fix it for me ? Thanks.

[@s.m.rakibhasan7772]

@@arunkumarr2763 Yes I made it 2 months ago. I just extended the width of highway. Anyways, Thanks for your reply.

[@ranapratapsinghpravinpatil7019]

Video is very nice I try this tutorial and my car application program is running Thank you for this car animation tutorial

[@SanskritiKumari]

Can't believe sir, wow👌👌👌

[@GreatStackDev]

Thanks Sanskriti Kumari for your comment

[@satyamprajapati3779]

Wow!!wow!!!wow!!!....thank you so much sir for this amazing video....❣️❣️❣️❣️

[@GreatStackDev]

Thanks Satyam, Glad you liked it

[@mdrafiulalam5593]

You have always done really a great job. Amazing tutorial but the problem is it's harder to understand the basic concept why this is happening which is crucial when it's comes to beginner. Please try to explain why, so that we can learn the basic concept and able to implement out own thought. Thank you

[@Deen-e-Haqqq]

Apne external stylesheet k use kiya hai mai av internal hi padh rha hu sir sara property or value bounce kr gya par apne mujhe ek acha sa task provide kiya so thanks for dis

[@gedeonkediblog4371]

I like it. I didn't know even not guess that we'd do such things using HTML and css. thank you

[@srishtimishra5101]

Ek no... Thanku bro ur a pro 🤜

[@GreatStackDev]

Glad you liked it

[@allahhuakbar4906]

اگر آپ سی ایس ایس کوڈنگ کی وضاحت کرتے اور اچھی طرح سے سیکھنے کو مل جاتا بہت اچھی ویڈیو ہے

[@goodbookgoodlife]

Bro Ur Page is Ultimate and keep doing bro

[@limitlessg2605]

Who else wants to see part 2 tutorial of this animation website? I really want to see part 2 where you show how we create multiple pages on this website. Please do one if you can.

[@joshitoshi9835]

thanks but i have a suggestion to explain everything as why we are using this and that code, for example position relative or absolute, display block, height and width etc. this will make tutorial big but will help many students to learn the thought process.

[@jakirhossain4910]

While writing each line please explain and show what that line does, so that beginners will able to understand. By the nice video as always!

[@GreatStackDev]

Hi Jakir, It's difficult to explain same properties in each video, that's why I recommend viewers to watch this beginner's tutorial first: kzbin.info/www/bejne/fXK9h6mmn92Mh7s

[@SushilKumar-ic1kv]

Osm...aapne bahut ache se expalen kiya hai...

[@watchathometv8687]

can you do a part 2 on how to make it responsive?

[@ahsiapmen6633]

thx, if so hard because many experience to do this is failed, like it cant reload the changed coding but this working, so... thx for this video

[@shivendrasrivastava4838]

Very easy simple and beginner friendly! Thank you :)

[@TinyTreasures]

thanks from a software developer who working in craft now

[@ashishmahadar2193]

Excellent Video sir

[@GreatStackDev]

Thanks ASHISH MAHADAR

[@learnwithawlad7877]

vai khub sundor hoyche

[@akashshrivastav1518]

amazing tutorial dude. everything works fine

[@musiqmiracles5014]

how

[@bluewhite1126]

This video was very amazing 👏😍

[@harishankar_inja]

1.how do we know coordinates in our webpage, I mean here how do you fix wheels in its exact position? 2.what are key frames? 3.what is the class wheels img? I like this very well bro

[@ravikamble8142]

practice makes makes perfect.

[@conwaytravel3224]

Excellent video!!!

[@mdfaruque1123]

This Amazing Video

[@GreatStackDev]

Thanks Md Faruque

[@applemango456]

Superb I will try this in my college lab

[@AwareProudBharatiya]

Bro you always made awesome tutorials ,please explain each line of code,it gonna increase the video size but you will find the better results for sure.beacause whoever watched your videos maximum are beginers , so whenever you make new video take time but explain all the terms .like why you have taken z-index(1) in one case likely you have used it as 2 in another case.and the animation parameters you have put how have. You put all the width and height accurately .bro it's my suggestion follow this then see your channel gonna be trending 😍 best of luck

[@pathanmk728]

Excellent work make more videos like this...👍👍👍👍👍

[@AKCreationsak]

thank you so much for this video. it would have been better if you explained the program too !!!

[@ayuzawamisaki9758]

kzbin.info/www/bejne/d5eooGqfoNuAf5Y

[@rakeshsagar9510]

Good turorial. Working perfectly. Thanks for sharing.😊😊😊

[@GreatStackDev]

Thanks Rakesh, Glad you liked this CSS Animation tutorial

[@anukashyap4817]

Thank you so much sir💐💐

[@GreatStackDev]

Thank you so much Anu Kashyap

[@poto_fun6713]

Wow nice sir.. I am Bangladeshis..

[@shouvikdutta2825]

How you set wheel size and wheel position perfectly without calculation.

[@pongpeerakingsuwankul2020]

Shouvik Dutta hit and trail i guess

[@awesomeankit]

You can adjust the margin manually he would have creted this animation earlier and remembered the position of the whell thats why he got it corrected in first attempt but if you think that was some skills then my friend in css you have to calculate fast in order to hit the right margin at the right target at first attempt but no problem you can do that by changing the margin until you get the perfect match for you element

[@023_shahriarkabir7]

That was on my mind too. How did he do that?

[@VTechBroLive]

scripted hai

[@gosocial9586]

Calculated Positions. Or you can take A screen shot open in paint and calculate height and width.😊

[@sureshmurjani4335]

Besides other fellow comments. One change would be to replace the keyframe for the wheel @ 720 deg instead of 360 deg. the wheels move faster on the road.

[@atiftalk6167]

While writing each line plzz explain and show what that line does, so that beginner will able to understand. By the nice video as always! :

[@teliparth]

Yeah man thats his problem ! He just does for himself .Has a great talent at creating websites but still lacks brain I guess

[@salarkazazi7584]

What a great tutorial thank you subscribed

[@raihansami9773]

Amazing! You have great capability of thinking and generating idea.

[@bertpasco8787]

Got it Sir, many thanks to you. It is running smoothly.

[@limitlessg2605]

Man, You are awesome! Never seen such kind of tutorials 🔥🔥. You completely nailed it👌🏽🔥 Please make such kind of videos i want to learn more🙌🏽. I am sure you will have more views as it is unique & smooth 😎

[@beanartist305]

How to download these image were from

[@saadisoso5673]

thank you i will practise this today

[@usama57926]

amazing design like always

[@sameermohamed6111]

it was a good video i followed step by step

[@GreatStackDev]

Thanks Sameer Mohamed

[@shukrimohamoud5693]

Easy Tutorials the wheels doesn’t came buttom they are on top help me

[@MusicTV-qf1tc]

Great job, you help everyone with your tutorial 👏👏

[@khanabrar3977]

Great man 👌 lovely

[@harshitpathak361]

Plz explain every line and every keyword after the code is write

[@adnan_javed3]

Harshit Pathak halwa hai kya

[@harshitpathak361]

To video kyu pkdne ko bna rha hai

[@yoursthings5531]

Which software, sir used in this video

[@salinaneupane630]

Thanks a lot, its easy to understand

[@manideepbaisani4047]

Sir in every 5th second the raod has been bug into sky in a few milli seconds sir can you help me to how to resolve it

[@sdkashif3773]

Yes

[@keshavagrawal3396]

Increase time

[@ayuzawamisaki9758]

kzbin.info/www/bejne/d5eooGqfoNuAf5Y

[@sdkashif3773]

@@ayuzawamisaki9758 u r videos are good

[@nishapatel5805]

Superb 👍

[@GreatStackDev]

Thanks Nisha 🤗

[@burhansancakl351]

i made it a rocket lol thx :D

[@ImpulseIgnite]

:P

[@KAMEHAMEMASTER96787]

Very easy and nice way to teach 🤟

[@Dhanashri001]

How did u decide Width,transform values? And what is display :block?

[@ImpermeableSoul]

I agree ur statement

[@AshanKumarasiri]

Thank you for sharing with us. I don't think it's only as moving car animation as a smart and creative designer can get this concept and make more similar animation incident while their design works.

[@gsrcreations108]

Is this responsive ....because wheel and car body taken as absolute ... so I don't think it will be responsive ...

[@alradiation5417]

It can be responsive bro

[@gsrcreations108]

@@alradiation5417 yes but we have to put car body and wheel in separate div ... after doing this the whole car can move collectively where we want... but in this code that is missing...

[@Seegunz]

Just to use media query, reduce the size of the car

[@beanartist305]

Which resources you follow for these type image's

[@patelpatel8389]

Great....Video...explanation very clear.. easy understand

[@darkwebhunter1602]

Bro no clarity explanation about the video

[@ashiacchu2104]

Yeah bro

[@omgboxsl5315]

thanks alot i loved doing this

[@gracebalatero1235]

Pls make a human or any kind of character that has a "Hand Wave Animation" pls!!

[@hirenbhatt9808]

Many thanx for sharing your high-level creativity. ✌ 🚗

[@AmirulIslam-oc7eq]

responsive 😭😭

[@swamyn3317]

It is crystal clear👌

[@sumitrabaskey6379]

It simply amazing....👍🤗

[@farhanellahi]

largest youtube channel for web programming in urdu / hindi #nanosoft

[@courtneyjeffery8262]

Thanks for taking the time ,I appreciate it

[@GreatStackDev]

Thanks Courtney Jeffery for your comment

[@pavibavipavithra8874]

Superb bro!!

[@mohsinrana5394]

Kmal he brother.

[@abdullahhadikids2906]

every thing is great but you did it superfast i think you should do it slowly by teaching / implementing every css property then we could understand the animation in an effective way

[@GreatStackDev]

It's difficult to explain same properties in each video, that's why I recommend viewers to watch this beginner's tutorial first: kzbin.info/www/bejne/fXK9h6mmn92Mh7s

[@hector56-leion]

Nice video sir I have copy and same create a car rotation design 😃😂

[@aryannverma6295]

Bro works perfectly

[@praneshprayaag8637]

I love the way you do code and your projects are just awesome

[@saraadhikari1515]

Amazing🤩🤩

[@adriandev6516]

Fantastic 😍

[@epsbangla2023]

very nice , I will makes web design tutorial

[@akhlakpatel921]

Thanks a lot sir 💘

[@andsoon5575]

outstanding tutorial

[@spandandhar3884]

amazing work done...thank you so much..

[@devilhunter2943]

Bhoot hard bhai but aak vedio Dalo jesma camera view is like real driving games jasa car ko pecha sa dekh raha ho chalta hua ya to aapna side sa dekhaya ha By the way thx for teaching this 😁

[@KuldeepSingh-en5qi]

You are such a great person sir.. salute to you

[@shravanyadav629]

Wow..😯 thankyu sir..

[@MohibTheMaziest]

you made me impress. So, subscribe is done by me

[@kanyshaiosmonova2008]

Thank you very much! That was very helpful

[@ابومريود]

Thanks so much tutorials for this very important help

[@GreatStackDev]

Happy to help

[@sahirulsekh1734]

Very good video. I like it.

[@toofanicoder]

awesome video bro ♥️♥️♥️

[@arush498]

Good effort make some videos or share ideas 👈👈👨‍💻

[@sudhirsoni2786]

thank u sir ..................awesome animations ...

[@SheikhSohel]

Really nice work. Thanks a lot.

[@aadharnarnaware2690]

Aap Konsa editor use kr rhe ho pls. Tell me

[@GreatStackDev]

Brackets editor

[@iLanderWebMaster]

Clear explanation, Thank you

[@tinkusexperiments2482]

Which all do you use

[@Tanaykatiyar-du6tg]

Awesome👍

[@massimilianofontana6857]

Thanks! Nice video!

[@prayogoedwin5782]

thank you sir, i am done for trying your tutorial..

[@sagarkashyaptour]

I like it sir tq for information

[@bosscoding3999]

you are so amazingly good and useful thanks

[@yuliia1507]

Amazing ! Great job !

[@usama57926]

amazing video and very nice explanation