Learn CSS animations in 15 minutes! 🎬

[@BroCodez]

Bro Code /* style.css */ body{ background-color: hsl(0, 0%, 12%); } #box{ width: 250px; height: 250px; background-color: hsl(0, 100%, 62%); font-size: 13em; text-align: center; } img{ animation-name: slideLeft; animation-duration: 2s; animation-iteration-count: 1; animation-direction: normal; animation-play-state: running; animation-timing-function: cubic-bezier(0.28,-1.48, 0.54, 2.21); } @keyframes slideLeft{ from{transform: translateX(300%)} } @keyframes slideRight{ to{transform: translateX(300%)} } @keyframes slideUp{ from{transform: translateY(300%)} } @keyframes slideDown{ to{transform: translateY(300%)} } @keyframes rotate{ 50%{transform: rotateZ(360deg)} } @keyframes grow{ 50%{transform: scale(2, 2)} } @keyframes shrink{ 50%{transform: scale(0.5, 0.5)} } @keyframes fade{ 100%{opacity: 1} } @keyframes colorChange{ 0%{background-color: hsl(0, 100%, 62%)} 20%{background-color: hsl(35, 100%, 62%)} 40%{background-color: hsl(63, 100%, 62%)} 60%{background-color: hsl(103, 100%, 62%)} 80%{background-color: hsl(201, 100%, 62%)} 100%{background-color: hsl(268, 100%, 62%)} } @keyframes glow{ 50%{box-shadow: 0px 0px 50px hsl(60, 100%, 64%)} }

[@mohammadkassir6713]

bro will you continue publishing lessons and videos ?

[@yusufbadem7223]

hey bro can you make a typescript fullcourse video thanks you presiated to all your work

[@Taril69]

How did you learn all this programming languages?

[@hamza15153]

Hello, I have a problem. When I access the toolbox in Visual Studio, the tools are grayed out and I can't use them. Even though I changed the version to another version, the problem still persists. Is there any solution?

[@hesamsa]

I just finished the CSS course, you are awesome bro, I love you. Please make more of these important courses. thanks

[@rayrockrlol]

How did you know I'm right on this part on my full stack dev course lol what a chad

[@Ella_1994]

I don't know how you do it but You are the coding Feynman! Simple and to the point!!!!!!

[@MIrfan-yx5qq]

You are well known user of HTML and css.. You are a Master... Well-done

[@soheibmiloudi1883]

how did u drop like 15 video at the same time lmao , bro code been cooking , ty for everything best tuto ever

[@drako-mp3fp]

you should make a series for game engines like unity, unreal etc. could be really helpful for people wanting to learn game dev

[@yanivedelson]

Hey bro code, I’m a really big fan and a pretty good programmer but I wanted to learn c++, I watched the whole video and I was wondering if you could do more advanced c++ videos who also include opening a window and programming a game, thank you and keep up with all of those good videos

[@harinivarma2189]

Bro please continue don’t stop

[@dennis_woo]

Thanks so much for making a concise easy to understand tutorial on this topic. I can also refer to your video as a quick reference. Thanks so much. Keep up the good work.

[@htvital4184]

Best teacher ever ❤️

[@tommy.3377]

I loved it man don't stop ok this is the best channel to watch this programming stuff....and thank you very much mate ....🎉

[@gulmuradrahi6066]

This teaching method is very good. I have some problems in this sections: 1.how to make a web pages. 2.how to connect our projects to to the internet. 3.how to make a complete projects from zero to hero? 4.how to manage our projects? 5.could you quid in one video how to start and how to complete?

[@riotem680]

u deserve more subscriber and more view . u are the master man

[@iamveryrich66]

Best youtuber ever ❤

[@AbrahamIhezuo]

Very great and impressive tutorial, so understandable and smooth😏

[@hdgdjgsgfj1297]

Why didn't KZbin notify me of this new video? Oh well... nice to see you again Bro... and thank you very much for your videos! I learned a lot and got an A in Programming class thanks to your C++ videos!

[@user-dk9of1ok1n]

Bro!!! You are authentic.

[@hoangrich]

i love you bro, youre goat, take care yourself

[@ChalooseSina]

that was one the most fun css methods

[@harshjaiswal1634]

Bro can you do a course in Advance Java topics like servlet, jsp, spring etc

[@dorklol2969]

fantastic guide. thanks man

[@Yumiesthetic]

finally finished the series!

[@vensx]

Bro explains better without needing an hour

[@117ch]

Hey Bro, many thanks for your content!! Could you do a LaTeX tutorial? Would be very happy :)

[@maciejpogorzelski9574]

Thank you very much for what you do!

[@flamey18]

much love from kenya mqahn

[@sushmat.k85]

Hi bro, I really liked ur all series Need Angular videos

[@abdgaming1574]

Best for ever❤❤❤

[@valerioporcelli]

Great teacher

[@coolpersonnoway]

How do you make the animation stop like, when you hover over a thing there's a animation that turns it red and for me it goes back instead of stopping

[@RandomGuyOnDaFreakingNet]

HE BACK BOIS!

[@yasotube]

Nice 🎉❤

[@yusufbadem7223]

hey bro can you make a typescript fullcourse video thanks you presiated to all your work

[@Taril69]

@broCodez How did you learn all this programming languages?

[@joni8829_]

The background is flickering for the fading, how can I fix that?

[@بسملةخلودبوشويط]

Thnks bro, 🙌🖤🥰🥰

[@InvinciRD]

really helpful video

[@iceman4337]

Hey, Bro, what fo you think about Java Spring tutorials?

[@muthuraj4147]

Bro please do videos on crud operations, Spring, spring boot and Restful APIs

[@Nazar-ni1kw]

can you make a full course about postgreSQL

[@flamey18]

God bless u mahn

[@CrakedTM]

can you please make a full lua course

[@hyperxml]

You should consider doing a Kotlin, Rust, or Zig series… get some fresh 2000s into mix.

[@zamasugokublack-v6k]

hey did you remove the chapter in your full c# video?

[@JDYouTube-r8g]

@BroCodez can you create a tutorial in kotlin

[@omairtech6711]

Why are all these gems unlisted?

[@t.p3325]

can you pls make a dart full course videon?

[@raitaskeen]

Bro please make tutorial on Typescript (Ts)

[@kristijanlazarev]

Why unlisted?

[@siddharthshankarkarthik8239]

hey bro, csn you pls make a series on pygame?

[@graiselin2791]

Bro please make video for react js 🙏🙏

[@suyashman7964]

Epic bro

[@heinzhenry2047]

How are there comments from 3 months but video has been uploaded 6 days ago?

[@niranjanvanka376]

Bro code can you make reactjs full course 😢😢

[@MalcrosTrigonometry]

Make a video about flutter

[@anhbinhbadao1106]

pretty cool chad

[@forevermovies655]

Bro, please create a super beginner friendly 3D game dev course with c# and unity. Plz. I am subscribed to you. Am I a fello bro?

[@yashkalia2311]

so coollll

[@kratoskratos1246]

Bro I really need to know one thing. How did you have in-depth knowledge in many programming languages...

[@INTG0]

He took the heads of other immortals who knew how to program.

[@ridajehaan6830]

tq😃

[@mahdmustafa9258]

well the C course is 4 hour and python course is 12 hour

[@Cet.w1p]

What is your fav teacher?: Bro Code Bro Code Bro Code

[@cheese7119]

Everyone loves you :3

[@lt-_yusf2833]

Please how to crak facebook or tiwter in python please

[@marvelomologbe8106]

Bro you're mistaking what ''to'' and "from" mean . "From" just mean 0% and "to" signifies 100% (the end of the animation)

[@hardlycoding8544]

lmao finished

[@zahraamadi8733]

today i've finished this html and css list bro, you're the best here! i've totally fell in love with this explanation thanks dude! 🫡🫶