CSS Transform 2D Tutorial in Hindi / Urdu
In this tutorial you are going to learn css transform in hindi, urdu language.You can learn different type of 2d transform like rotate, scale, translate, skew and matrix.By learing this you can easily transform the shape of any html tag in 2d view.
0:23 CSS 2D Transform Introduction
1:13 CSS Transform rotate
2:49 CSS Transform skew, skewX, skewY
4:30 CSS transform-origin
8:22 CSS Transform translate, translateX, translateY
10:34 CSS Transform scale, scaleX, scaleY
12:02 CSS Transform matrix
13:37 CSS Transform none
13:48 CSS Transform Animation on Mouse Hover
✅ CSS Tutorial in Hindi Playlist
• CSS Tutorial in Hindi ...
✅ Official Website
www.yahoobaba.net/
✅ Follow us on Facebook
/ yahooobaba
✅ Follow us on Twitter
/ yahooobaba
✅ Follow us on Instagram
/ yahoo_baba
#css #webdesign #css3 #csstutorial #yahoobaba
Пікірлер: 118
Literally everything is covered in this css playlist
6 videos dekh dali sirf transform-origin samajane ke liye kuch samaja me nahi aaya lekin apaki eak video nee pura samja diya thank u so much sir
@YahooBaba
Жыл бұрын
Most welcome :)
Assalamu Alaikum Sir! I am from Pakistan and recently I was started my Web Development basically I am a fresher in this field and I was so tense that how can I use transform properties but after seeing this masterpiece about transform properties i feel so calm about it. Still after 5 years this video is so important for learners. Thank you so much sir for providing us this type of initiatives. You are doing a great job, Keep it up Sir
thanku so much sir smjh me aajata hai apka padhaya hu aache se who is disliking the video they all are mad 12 dislikes shame on them
bit helpful at some points of matrix function... thank u for that!!
thanks for the transform origin property...
Very helpful video Thanks
omg ! you are god for me . i have never seen a teacher like u. you are awesome keep up the good work.
@YahooBaba
5 жыл бұрын
Thanks Tech Hero :)
your are best of all on css
man u are brilliant teacher 😍 😍
sab daoute clear hogaya mast video hai
everything about transform 2d cleared now is cleared now,thanku so much sir
@YahooBaba
3 жыл бұрын
Most welcome 😊
Perfect thank you...💯✌👍
best platform for all html css and javascript....... thankyou so much
@YahooBaba
8 ай бұрын
Your most welcome :)
brother i have watched this video about 2d transform cause i learning these stuff, its amazing dude, i mean i have learnt it so quickly you made understand so beautifully. thank you so much, i have subscribed it for future,
@YahooBaba
4 жыл бұрын
Thanks dear :)
Thank you so much sir Your teaching style is always awesome and cool 🤗.... Very interesting and enjoyable css...😊 I really really like this video 🤗..
@YahooBaba
2 жыл бұрын
Your welcome :)
Thanks a lot, sir for this video. It was so easy to learn the use of transform.
@YahooBaba
4 жыл бұрын
Your welcome Rakibul :)
you made a great turorial, i have seen many indian youtuber css tutorial but it's not worth it ,i like your tutorial
@YahooBaba
5 жыл бұрын
Thanks bRock for ur gr8 complement.I will try my best to make more useful tutorials on CSS.
@cocmods8854
5 жыл бұрын
@@YahooBaba bro ek complete website banao responsive. without bootstrap
thank you so much bhai love from pakistan
Great thanks baba ji u r the best
@YahooBaba
3 жыл бұрын
Thanks and welcome :)
thanks you, sir
Amazing tutorial with nice explanation !!
@YahooBaba
4 жыл бұрын
Glad you liked it!
Thank You Sir
very good sir kamaal
I am from bangladesh, I show your all turial ,I think It's better than other turial , it's really good. thanks for give our this kind of turial, you are perferct. carry on. please publish java turial
@YahooBaba
5 жыл бұрын
Hello Belal... Today I start the new Tutorial series to Learn JavaScript : kzread.info/head/PL0b6OzIxLPbx-BZTaWu_AF7hsKo_Fvsnf
Best video for CSS ❤️👌👌
@YahooBaba
3 жыл бұрын
Thanks :)
sir which things should know befor learning 2d transform and 3d transform is it required to learn 2d computer graphics before know this
Awesome video
mind blowing sir. please sir .won't give up
@YahooBaba
4 жыл бұрын
I will try my best
Thank you
I found u just now....koi itna acha nahi samjata .....sub sirf coding kar dete hai...but u r great
@YahooBaba
5 жыл бұрын
Thanks Husain
great sir ...
Great baba
lOVE FROM PAKISTAN🥰🥰❤❤
Thanks a Ton Sir😁❤️❤️❤️
@YahooBaba
3 жыл бұрын
Most welcome 😊
Thanku so much🙏🙏
@YahooBaba
3 жыл бұрын
Most welcome 😊
You're great Sir
@YahooBaba
6 жыл бұрын
Thanks Sandeep
Thanks you. From Bangladesh
@YahooBaba
4 жыл бұрын
Your welcome Zisan :)
sir aapne jo chrome browser use kiya hai usme jo extentions & Plugins add kr rakha hai uske bare me ek video bnayiye pls......
tnx
great work sir?
@YahooBaba
4 жыл бұрын
Thanks Noman for appreciating my work :)
Thanks sir
@YahooBaba
4 жыл бұрын
Your Welcome :)
you deserve more view
@YahooBaba
3 жыл бұрын
Thanks
Did you have website. Can we get css html code of this vid. Thanks
Love from Bangladesh 🇧🇩🇧🇩🇧🇩🇧🇩
@YahooBaba
4 жыл бұрын
Thanks for ur love and support :)
Sir ek doubt h isme +x axis me translate value dene par +x axis ki taraf move karta h but +y axis me translate value dene par -y axis ki taraf kyu move kar raha h ??
very nice
@YahooBaba
Жыл бұрын
Thanks
agr humy rotate ma text ko fixed position deni ho to hm kaise karengy sir?
v. good
@YahooBaba
2 жыл бұрын
Thanks :)
sir matrix wala value samajh me nahi aaya.aapne skewY() ko aapne point me kiyo lagaya sir jabki wo degree me lagna tha aisa kiyoon.aur baki sab values ko bhi aapne alag alag lagaya hai.
❤❤
ek Q hai jab me kisi element pe transform:translate(-50%,-50%); or phir ussi element rotate karta hu like rotate(180deg); tab kuch alag he hota hai .... me usse kisi point pe rotate nahi kar pata like us point se nikal ke rotate hota hai
@YahooBaba
5 жыл бұрын
Aap apna complete code yha paste karo do mein dekh kar batata hun ki kya problem hai.
Translate (100 %,100%) ye right bottom kase bna ? Koi btae ga ? Agr is ko - kr den ,tab kon sa bne ga origion ???
ham animation ki examples kha sy dekh skty hain different type ki taky new ideas catch kr skyn kindly recomend kr dyn
@YahooBaba
4 жыл бұрын
Aise particular koi website toh nahi pata lekin aap google pe direct search kar sakte ho " css transition examples"
@asadbukhari8
4 жыл бұрын
@@YahooBaba thank you very much
tyu
Sir isme loop lga sakte hain..???
@YahooBaba
4 жыл бұрын
Nahi ismein loop nahi laga sakte. Loop lagana hai toh CSS ki ek dusri property aati hai (Animation).
Sir rotate mai x and y axis nahi use hoga ?
@YahooBaba
5 жыл бұрын
Hello Shivam, ye 2D transform hai, yo 3D transform mein hota hai
@shivam.goyal.15
5 жыл бұрын
@@YahooBaba okk sir thanks for help
Send your 1st tutorial please..
@YahooBaba
3 жыл бұрын
Check the playlist
boss Saas pe b lectures bnao
@YahooBaba
5 жыл бұрын
Hello Rizwan , next month ke end mein Sass Course shuru hone wala hai ... keep watching :)
@epicfacts9435
5 жыл бұрын
@@YahooBaba thanks.
how to set hover to class its not working with my id
Bhai plzzz aur videos banao 😭
@YahooBaba
4 жыл бұрын
Aur videos kiss topic se related ?
@SachinSingh-zg4ll
4 жыл бұрын
Sir aap jaisi css aur htmal jaise videos bana rahe ho usi se related basics .aur css ke jo attributes hai wo kis liye aur kab use kare aur usse kya hota hai aisi type ki videos jyada helpfull hoti hai
Sir 200 ward ka paragraph kese letie ap plz bato
@YahooBaba
3 жыл бұрын
That is emmet plugin. See this video for that : kzread.info/dash/bejne/fp2luaiwmbGfiZc.html
hi
Why are you use transform with transition
@YahooBaba
4 жыл бұрын
To show the variety of effects we can use after learning Transition.
Sir chrom m transition:transform work nhi kr rha h
@YahooBaba
3 жыл бұрын
Show me your code
@ZAZzzz1245
3 жыл бұрын
Prefix use kr lo webkit wala
sir mobile me css file attach nhi horahe colour nhi araha plz bta de
agr isse 3-4 bar rotate krna ho to
@abhishekgupta7185
4 жыл бұрын
got it 360 ko jitne barr karna hai utn se multiply krdo aur time ko bhi
??
111 Comments
Yahoo 😂😂😂
my
.
Magar Agar is well🤣
Very nice....
@YahooBaba
4 жыл бұрын
Thanks Rashid :)