Learn CSS animation in 8 minutes 🎞️

[@BroCodez]

/* --------- style.css --------- */
#box1{
width: 250px;
height: 250px;
background: red;
font-size: 225px;
text-align: center;
/*
animation: mySlide;
animation-play-state: running;
animation-iteration-count: infinite;
animation-delay: 0s;
animation-timing-function: linear;
animation-duration: 5s;
*/
animation: 3s linear 0s infinite running mySlide;

}
#box1:hover{
}
#box1:active{

}
@keyframes mySlide{
from{margin-left: 100%;}
to{margin-left: 0%;}
}
@keyframes myRotate{
/*100%{transform: rotateX(360deg)}*/
/*100%{transform: rotateY(360deg)}*/
100%{transform: rotateZ(360deg)}
}
@keyframes myOpacity{
50%{opacity: 0;}
}
@keyframes myScale{
50%{transform: scale(0.5, 0.5);}
}
@keyframes myColorChange{
0%{background-color: red;}
20%{background-color: orange;}
40%{background-color: yellow;}
60%{background-color: green;}
80%{background-color: blue;}
100%{background-color: purple;}
}

My first website

Hi

[@Remolhunter97]

Finished your comlete HTML & CSS tutorials, now going for JS :)
Your Java tutorials & DSA are fire too !

[@CPM-Art-dealer]

Have you finished the whole course yet?

[@Remolhunter97]

@@CPM-Art-dealer i think so, not sure it has been a long time, lot of projects in between. but for sure @brocode has the best tutorials out here

[@micaelalgarrao6043]

​@@Remolhunter97 u feel confident about your CSS? CSS is hard and cool at the same time lol

[@Remolhunter97]

@@micaelalgarrao6043 try out tailwind css, it's a new approach to css ^^

[@ArpitKumarSuman]

The way you explain always inspires me to learn more. Love you Bro💚

[@NarutoUzumakiDatebayo]

YOOOOOOO A BIG W FOR BRO
TYSM BRO because of you I have completed HTML and CSS.
now I am going to practice both of them by building some basic projects and then i will move on to JS

[@nothing.ghost4547]

Thank you for all I just finished this two playlist : html and css tutorial it’s very good.

[@aer0449]

Happy Teacher's Day bro ♥️ from India

[@NarutoUzumakiDatebayo]

YOOOOO THIS IS THE LAST TUTORIAL LEFT NOW!!!🔥🔥

[@MeuTube]

Wouhou, just finish HTML and CSS videos, feel like a superhero. Live long Bro. Bro army let's get it. Now time to do some javascript heyheyhey

[@lamour6139]

love you man! your videos are life-saving)

[@Adrianocas]

Hey! Learning a lot from you work, thanks! One question: I'm replicating your steps but the animation won't work. Do you know why?

[@HassanRaza-nn5ro]

Hey bro!
I want more out of css.
Please create some more videos.

[@micaelalgarrao6043]

He always explains things very well 👌

[@lilperkz4499]

hey bro can u pls bring to this playlist grid and flexbox? I really like how u teach!!

[@7ucky7vn37]

I think you are the best at explaining code lol

[@aditya_asundi]

Bro, are you fine with facecam videos? Could you do one if you don't mind?

[@justinbanza4751]

Thank you very much for these videos

[@jamesgrosspietsch4174]

Thank you!

[@MrLoser-ks2xn]

Thanks!

[@purpleacecard]

bro, bro broski, broskido - REALLY real bro

[@isdabi]

big thanks

[@TheEvertonDias]

Thanks, Bro!

[@Codro09]

Bro loved this one tooo🥰🥰

[@irushairusha1991]

👌👌👌👌👌👌👌👌👌👌

[@abebrosiczki637]

Thanks bro!

[@AtikWithBuckTeeth]

i really didnt know that how to use CSS transition on click, I thought without javascript I cant do anything

[@nj5195]

Thank you Bro! (:

[@cayden9224]

Love your videos bro, keep it up! Also get on discord

[@BroCodez]

I'm too busy making videos for you guys to get on Discord lol

[@cayden9224]

@@BroCodez Ok, I'm ok with that lol

[@limbotheboy4951]

@@cayden9224 he has a discord server ?

[@hikkiyt3556]

already watch this on Html and css full course

[@joshwzr1257]

..Thanks Bro-code

[@Haileyleah]

can the animations work for an image which you position?

[@lamour6139]

why not

[@azatbegenchev8636]

[@ianjohansson2940]

can someone help me @keyframes is not working on notepad++ does anyone know what to do. Am I missing a plugin or something "Please Help" thanks

[@promax1st]

:)

[@AdemWodu]

Bro

[@paolobena]

Yhx

[@NINJA45198]

E

[@fyrukmcoo100]

:((

[@weamshami6247]