@BroCodez

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bro Code</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <!-- <div id="box">Hi</div>-->
    <img src="shrek.png">

</body>
</html>

/* 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%)}
}

@Ella_1994

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

@hesamsa

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

@ImaAbasiOkwong-jk1xq

Because of you, i have the foundation that i need. Thank youuuuu and May God Bless You

@MIrfan-yx5qq

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

@shawnstorr10

Thank you sensei, I will never forget your bro-fu skills in HTML.

@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.

@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 ....๐ŸŽ‰

@soheibmiloudi1883

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

@riotem680

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

@rayrockrlol

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

@AbrahamIhezuo

Very great and impressive tutorial, so understandable and smooth๐Ÿ˜

@htvital4184

Best teacher ever โค๏ธ

@StoriesInc-4you

Amazing Video Bro๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰

@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

@harinivarma2189

Bro please continue donโ€™t stop

@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?

@dorklol2969

fantastic guide. thanks man

@ChalooseSina

that was one the most fun css methods

@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