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

  • @abufaishal5753
    @abufaishal57534 жыл бұрын

    Thank you sir you helped me lot🥰

  • @AJ-le3yh
    @AJ-le3yh5 жыл бұрын

    Very good and clear explanation.

  • @Rizwanaslam07
    @Rizwanaslam075 жыл бұрын

    My concept of perspective cleared. From w3schools perspective concept was confusing to me. Thanks!

  • @Qurbanmuhammadali4455
    @Qurbanmuhammadali4455 Жыл бұрын

    Thank you so much sir G ❤️

  • @RaselAhmed-sb5xx
    @RaselAhmed-sb5xx4 жыл бұрын

    Very informative video.... 🇧🇩🇧🇩🇧🇩

  • @contraspower6302
    @contraspower63023 жыл бұрын

    Thanku so much🙏🙏🙏

  • @hu0.464
    @hu0.4645 жыл бұрын

    Awsome please make tutorial css framework sass or bootstrap etc??

  • @631singh
    @631singh4 жыл бұрын

    thanku so much sir

  • @67009
    @67009 Жыл бұрын

    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

    @YahooBaba

    Жыл бұрын

    Sure 👍

  • @fearlessvines7744

    @fearlessvines7744

    Жыл бұрын

    hello bro can we talk

  • @sandeepkashyap3171
    @sandeepkashyap31716 жыл бұрын

    Good bro

  • @mdhasiburrahmannafiz9984
    @mdhasiburrahmannafiz99844 жыл бұрын

    Ohhhh God 😍😍😍😍 Thank you very very much

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    I'm glad you like it

  • @chandansen8207
    @chandansen82073 жыл бұрын

    High quality tutorial .. Thanks a lot

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Glad you liked it

  • @mdomarfaruk7215
    @mdomarfaruk72153 жыл бұрын

    You are doing a great job. Thank you,sir.

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    It's my pleasure

  • @dktechnology2417

    @dktechnology2417

    3 жыл бұрын

    @@YahooBaba you are genius to me

  • @osmangoni2341
    @osmangoni23412 жыл бұрын

    This is very useful. Thanks a lot.

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    You are welcome!

  • @EMRAN_16_SHORTS
    @EMRAN_16_SHORTS4 жыл бұрын

    thanks

  • @santrawebtech35
    @santrawebtech353 жыл бұрын

    thanks sir for clearing my concept in perspective

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Your Welcome

  • @shaistasabir462
    @shaistasabir46210 ай бұрын

    sir how you add directly paragraph of 500 words..lorem500???

  • @bhaveshbhardwaj2799
    @bhaveshbhardwaj27995 жыл бұрын

    Nice sir

  • @amishakhetani6712
    @amishakhetani67124 жыл бұрын

    Sir, 3d transform only suported for crome version 36.0?? other version supported or not???

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Here is a full list of supported Browsers : caniuse.com/#search=transform

  • @omyele9315
    @omyele93153 жыл бұрын

    Sir , matrix 3d ke values ka syntax batayo na PLZ. Like your videos ☺️❤️❤️👍🙂🙏

  • @Prashu_Singh_JADAUN
    @Prashu_Singh_JADAUN3 жыл бұрын

    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😊

  • @shahidarahman2972
    @shahidarahman29723 жыл бұрын

    sir, how to add transition here?

  • @04.nehalsingh12
    @04.nehalsingh122 жыл бұрын

    awesome tutorial sir

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    Glad you liked it

  • @gamersylum3674
    @gamersylum36744 жыл бұрын

    sir! i have query? transfrom:translatez( ?); what is value? in degree or number only pls reply.

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    in Number.

  • @milankanti51
    @milankanti514 жыл бұрын

    Thank you Sir

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    You are welcome

  • @rajsthansculture9245
    @rajsthansculture92454 жыл бұрын

    Very good sir nice explanation

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Thanks and welcome

  • @sell349
    @sell34910 ай бұрын

    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

  • @mdhasiburrahmannafiz9984
    @mdhasiburrahmannafiz99843 жыл бұрын

    😍😍

  • @somyagupta7471
    @somyagupta74714 жыл бұрын

    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

    @maliksaif4165

    4 жыл бұрын

    make a div that contains all three containers and then you can fold all that 3 wrappers

  • @Meisterilyas_333
    @Meisterilyas_33317 күн бұрын

    ❤❤❤❤🎉🎉🎉🎉🎉

  • @mrcoderansuman9541
    @mrcoderansuman95413 жыл бұрын

    Cool

  • @iamdanyaal
    @iamdanyaal2 жыл бұрын

    Thank You Sir

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    Welcome!

  • @user-en6ek3cu7z
    @user-en6ek3cu7z6 ай бұрын

    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

    @YahooBaba

    6 ай бұрын

    See these Image hover effect video for more detail how it works : kzread.info/head/PL0b6OzIxLPbyq_At-YvkOo2E85-eZ_E1d

  • @NoumanKhan-ck7vx
    @NoumanKhan-ck7vx3 жыл бұрын

    best ho ap

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Thanks :)

  • @shareskill91
    @shareskill916 жыл бұрын

    Very nice

  • @YahooBaba

    @YahooBaba

    6 жыл бұрын

    Thanks Onkar

  • @gautamdutta9751
    @gautamdutta97515 жыл бұрын

    nice tutorial

  • @YahooBaba

    @YahooBaba

    5 жыл бұрын

    Thanks Gautam :)

  • @snehabajpai9847
    @snehabajpai98474 жыл бұрын

    .net dynamic work ka tutorial bnay

  • @kathandarji380
    @kathandarji3804 жыл бұрын

    The biggest confusion is the 16 values of matrix, which values are at which position? please answer sir🙏

  • @entertainmentgossip8875
    @entertainmentgossip88754 жыл бұрын

    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

    @abuzarkhan527

    3 жыл бұрын

    X y and z is an axis

  • @Profy.Gaming
    @Profy.Gaming2 жыл бұрын

    Preskeptive

  • @muhammadsarimkhanbangash9194
    @muhammadsarimkhanbangash91943 жыл бұрын

    Sir in websites where can we use transform 2d and 3d plz replyy....

  • @deepakjha1902

    @deepakjha1902

    3 жыл бұрын

    mostly use in cards css and bootstrap

  • @webgyan5209

    @webgyan5209

    2 жыл бұрын

    Can be used with social media icons and button

  • @rakibhoasain6583
    @rakibhoasain65834 жыл бұрын

    Div main margin denese right align hotahain center align kaise kare

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    margin-left :auto; margin-right :auto;

  • @brahmacharyaadventure6846
    @brahmacharyaadventure68464 жыл бұрын

    Sir if we want that transition should not come back to its initial position...what should we do ?

  • @upendrachauhan5260

    @upendrachauhan5260

    Жыл бұрын

    dont use it

  • @DjMaanSoundFactory
    @DjMaanSoundFactory5 жыл бұрын

    isse pehli wali video ka link?

  • @YahooBaba

    @YahooBaba

    5 жыл бұрын

    Hello Dj Maan aap yha se ja kar playlist check kar sakte hai : kzread.info/head/PL0b6OzIxLPbzDsI5YXUa01QzxOWyqmrWw

  • @aviibharadva9554
    @aviibharadva95543 жыл бұрын

    Sir face reveal kab karoge ?

  • @a.s.arpansamadder9385
    @a.s.arpansamadder93855 жыл бұрын

    Sir my translateZ is not working. What can I do?

  • @YahooBaba

    @YahooBaba

    5 жыл бұрын

    Which browser u r using and which version ?

  • @swapnilzoad3837

    @swapnilzoad3837

    4 жыл бұрын

    #card_div5 { width: 350px; height: 250px; background: indianred; transform:perspective(800px) rotateY(60deg) translateZ(200px); } Contiguvenzaa Digital

  • @sanchaymansinghka8917

    @sanchaymansinghka8917

    Жыл бұрын

    @@swapnilzoad3837 hi u doing bca

  • @arunvishwakarma4693
    @arunvishwakarma46933 жыл бұрын

    Please Use Visual Studio Code, that is best.

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    I always uses VS Code. For teaching purpose of HTML and Basic CSS I uses Notepad++

  • @rajarshivaidya444
    @rajarshivaidya4444 жыл бұрын

    Its pers-pec-tive Not pers-crep-tive NVM, it's a good tutorial, thanks. May you have a great day

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Yes i already know that mistake but thank for telling.

  • @jugnusaikia8066
    @jugnusaikia80662 жыл бұрын

    You must be viewed a learnvern

  • @muhammadansarkhan4544
    @muhammadansarkhan45443 жыл бұрын

    sir don't work sir g my big confusion in 3d transform

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Show me ur code

  • @rahulsawariya9480
    @rahulsawariya94803 жыл бұрын

    aap

  • @fearlessvines7744

    @fearlessvines7744

    Жыл бұрын

    hwllo bhai apki job lg chuki h ab wese

  • @aliisrar9676
    @aliisrar96763 жыл бұрын

    thanks

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    You're welcome!

  • @aliisrar9676

    @aliisrar9676

    3 жыл бұрын

    @@YahooBaba sir i want wordpress advance tutorials apka tutorials bohat acha hota hy