Learn CSS transformations in 9 minutes! 🔄
Рет қаралды 17,205
Күн бұрын#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
@StopWhining491 8 ай бұрын
Your baby steps are so helpful. Thanks.
@sinban5582 8 ай бұрын
You man is underrated
@deriver7353 6 ай бұрын
learn a lot from it, Thank you Bro code!
@spicypotato283 8 ай бұрын
Yoo the goat is back
@RezaurRatul 3 ай бұрын
Thank you. It was very helpful.
@DE-nw9sv 5 ай бұрын
Thank you!!
@suyashman7964 8 ай бұрын
Epic bro
@Monster7Johan 10 ай бұрын
Nice
@mdshahriarsiamshuvo5168 2 ай бұрын
you are really great. Your way of teaching is just 👌
@pejovicevaaa 8 ай бұрын
Ur the best
@capslock3250 3 ай бұрын
Thanks
@antoniosandoval7667 8 ай бұрын
Hi I want to know how to import avaya and remote desktop programs from my Acer laptop to my ipad. Please help thanks
@basantbhanwarkanwar4416 5 ай бұрын
that's Helium from chemistry lol