Learn CSS transformations in 9 minutes! 🔄

#css #course #tutorial
CSS transform translate scale rotate skew tutorial example explained

[@BroCodez]

Bro Code


Hi
Hi
Hi


/* style.css */
img{
transform: translate(200px) scaleX(3) rotate(180deg);
}
.box{
border: 5px solid;
width: 250px;
height: 250px;
font-size: 13em;
text-align: center;
transform: translate(50px, 50px) rotate(45deg);

/*
transform: translateX(50px);
transform: translateY(50px);
transform: translate(50px, 50px);
transform: rotateX(180deg);
transform: rotateY(180deg);
transform: rotateZ(180deg);
transform: scaleX(2);
transform: scaleY(2);
transform: scale(2, 0.5);
transform: skewX(45deg);
transform: skewY(45deg);
transform: skew(20deg, 20deg);
*/
}
#box1{
background:hsl(154, 100%, 69%);
}
#box2{
background:hsl(0, 100%, 69%);
}
#box3{
background:hsl(222, 100%, 69%);
}

[@rachelgreen9754]

This deserves more

[@sinban5582]

You man is underrated

[@StopWhining491]

Your baby steps are so helpful. Thanks.

[@spicypotato283]

Yoo the goat is back

[@deriver7353]

learn a lot from it, Thank you Bro code!

[@ejemighayeoghenemaro5304]

this playlist was really helpful, pls can you do a short course on responsive web design using css.

[@RezaurRatul]

Thank you. It was very helpful.

[@suyashman7964]

Epic bro

[@DE-nw9sv]

Thank you!!

[@pejovicevaaa]

Ur the best

[@Monster7Johan]

Nice

[@antoniosandoval7667]

Hi I want to know how to import avaya and remote desktop programs from my Acer laptop to my ipad. Please help thanks

[@capslock3250]

Thanks

[@ahmedabdelrahman5840]

Nah bro you didn't put Shrek😂

[@mdshahriarsiamshuvo5168]

you are really great.
Your way of teaching is just 👌

[@basantbhanwarkanwar4416]

that's Helium from chemistry lol