CSS Transform 3D Tutorial in Hindi / Urdu
In this tutorial you are going to learn css transform 3d in hindi, urdu language.You can learn different type of 3d transform with css3 transform like rotateX, rotateY, rotateZ, translateZ, translate3d, scaleZ, scale3d, perspective, matrix3d.
0:00 CSS 3D Transform Introduction
1:12 CSS 3D Transform Examples
4:15 CSS Transform rotateX
5:52 CSS Transform perspective
8:27 CSS transform-origin
10:15 CSS Transform rotateY
11:47 CSS Transform rotateZ
12:36 CSS Transform translatez
14:30 CSS Transform translate3d
16:00 CSS Transform scaleZ
18:09 CSS Transform scale3d
20:01 CSS Transform none
20:16 CSS Transform matrix3d
✅ 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
Пікірлер: 86
Thank you sir you helped me lot🥰
Very good and clear explanation.
My concept of perspective cleared. From w3schools perspective concept was confusing to me. Thanks!
Thank you so much sir G ❤️
Very informative video.... 🇧🇩🇧🇩🇧🇩
Thanku so much🙏🙏🙏
Awsome please make tutorial css framework sass or bootstrap etc??
thanku so much sir
the way you explain is so polite and simple.....i am watching your video in 2022....thankyou❤🔥❤🔥..sir please make video of react js in hindi
@YahooBaba
Жыл бұрын
Sure 👍
@fearlessvines7744
Жыл бұрын
hello bro can we talk
Good bro
Ohhhh God 😍😍😍😍 Thank you very very much
@YahooBaba
4 жыл бұрын
I'm glad you like it
High quality tutorial .. Thanks a lot
@YahooBaba
3 жыл бұрын
Glad you liked it
You are doing a great job. Thank you,sir.
@YahooBaba
3 жыл бұрын
It's my pleasure
@dktechnology2417
3 жыл бұрын
@@YahooBaba you are genius to me
This is very useful. Thanks a lot.
@YahooBaba
2 жыл бұрын
You are welcome!
thanks
thanks sir for clearing my concept in perspective
@YahooBaba
3 жыл бұрын
Your Welcome
sir how you add directly paragraph of 500 words..lorem500???
Nice sir
Sir, 3d transform only suported for crome version 36.0?? other version supported or not???
@YahooBaba
4 жыл бұрын
Here is a full list of supported Browsers : caniuse.com/#search=transform
Sir , matrix 3d ke values ka syntax batayo na PLZ. Like your videos ☺️❤️❤️👍🙂🙏
Sir please matrix and matrix 3d par separate video bana do sir ye thoda complicated se lag rahe h Aap iss par video bana do😊
sir, how to add transition here?
awesome tutorial sir
@YahooBaba
2 жыл бұрын
Glad you liked it
sir! i have query? transfrom:translatez( ?); what is value? in degree or number only pls reply.
@YahooBaba
4 жыл бұрын
in Number.
Thank you Sir
@YahooBaba
4 жыл бұрын
You are welcome
Very good sir nice explanation
@YahooBaba
4 жыл бұрын
Thanks and welcome
Scale mein teenon value denge lekin sabhi values dene par to height aur width utna times badhata hai toh teenon values ek saath alag alag kaise kaam karengi voh bhi ek hi div mein please explain me 18:37
😍😍
sir i make a Restaurant Menu Card so i make 3 wrappers means 3 container , I want fold a container how to do pls help me ....
@maliksaif4165
4 жыл бұрын
make a div that contains all three containers and then you can fold all that 3 wrappers
❤❤❤❤🎉🎉🎉🎉🎉
Cool
Thank You Sir
@YahooBaba
2 жыл бұрын
Welcome!
sir, In this video, before coding it showing that inner box is moving like(some inner box come in outer box, some inner box go out from the outer box) & after coding it showing inner box is not moving only we can change the size of inner box. what we should do for move the inner box?
@YahooBaba
6 ай бұрын
See these Image hover effect video for more detail how it works : kzread.info/head/PL0b6OzIxLPbyq_At-YvkOo2E85-eZ_E1d
best ho ap
@YahooBaba
3 жыл бұрын
Thanks :)
Very nice
@YahooBaba
6 жыл бұрын
Thanks Onkar
nice tutorial
@YahooBaba
5 жыл бұрын
Thanks Gautam :)
.net dynamic work ka tutorial bnay
The biggest confusion is the 16 values of matrix, which values are at which position? please answer sir🙏
Sir hm scaleZ jab ham 3 times karenge toh toh phir uski width or height 3 time kyun ni hui jaise scale X or Y mn hui thi kyunke sir sacle X width ke liye or scale Y height k liye toh scale Z width or height dono k liye hoga na
@abuzarkhan527
3 жыл бұрын
X y and z is an axis
Preskeptive
Sir in websites where can we use transform 2d and 3d plz replyy....
@deepakjha1902
3 жыл бұрын
mostly use in cards css and bootstrap
@webgyan5209
2 жыл бұрын
Can be used with social media icons and button
Div main margin denese right align hotahain center align kaise kare
@YahooBaba
4 жыл бұрын
margin-left :auto; margin-right :auto;
Sir if we want that transition should not come back to its initial position...what should we do ?
@upendrachauhan5260
Жыл бұрын
dont use it
isse pehli wali video ka link?
@YahooBaba
5 жыл бұрын
Hello Dj Maan aap yha se ja kar playlist check kar sakte hai : kzread.info/head/PL0b6OzIxLPbzDsI5YXUa01QzxOWyqmrWw
Sir face reveal kab karoge ?
Sir my translateZ is not working. What can I do?
@YahooBaba
5 жыл бұрын
Which browser u r using and which version ?
@swapnilzoad3837
4 жыл бұрын
#card_div5 { width: 350px; height: 250px; background: indianred; transform:perspective(800px) rotateY(60deg) translateZ(200px); } Contiguvenzaa Digital
@sanchaymansinghka8917
Жыл бұрын
@@swapnilzoad3837 hi u doing bca
Please Use Visual Studio Code, that is best.
@YahooBaba
3 жыл бұрын
I always uses VS Code. For teaching purpose of HTML and Basic CSS I uses Notepad++
Its pers-pec-tive Not pers-crep-tive NVM, it's a good tutorial, thanks. May you have a great day
@YahooBaba
4 жыл бұрын
Yes i already know that mistake but thank for telling.
You must be viewed a learnvern
sir don't work sir g my big confusion in 3d transform
@YahooBaba
3 жыл бұрын
Show me ur code
aap
@fearlessvines7744
Жыл бұрын
hwllo bhai apki job lg chuki h ab wese
thanks
@YahooBaba
3 жыл бұрын
You're welcome!
@aliisrar9676
3 жыл бұрын
@@YahooBaba sir i want wordpress advance tutorials apka tutorials bohat acha hota hy