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

  • @souravsingh763
    @souravsingh7633 жыл бұрын

    Literally everything is covered in this css playlist

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

    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

    @YahooBaba

    Жыл бұрын

    Most welcome :)

  • @user-zc5ng9ey7g
    @user-zc5ng9ey7g5 ай бұрын

    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

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

    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

  • @naitikkathiriya
    @naitikkathiriya3 жыл бұрын

    bit helpful at some points of matrix function... thank u for that!!

  • @almahdi2877
    @almahdi28775 жыл бұрын

    thanks for the transform origin property...

  • @ZaidKhan-uf7py
    @ZaidKhan-uf7py Жыл бұрын

    Very helpful video Thanks

  • @AbhishekYadav-ws4fz
    @AbhishekYadav-ws4fz5 жыл бұрын

    omg ! you are god for me . i have never seen a teacher like u. you are awesome keep up the good work.

  • @YahooBaba

    @YahooBaba

    5 жыл бұрын

    Thanks Tech Hero :)

  • @riazul2
    @riazul22 жыл бұрын

    your are best of all on css

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

    man u are brilliant teacher 😍 😍

  • @onestep7776
    @onestep77765 жыл бұрын

    sab daoute clear hogaya mast video hai

  • @simple8810
    @simple88103 жыл бұрын

    everything about transform 2d cleared now is cleared now,thanku so much sir

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Most welcome 😊

  • @creativelifewithmanisha1488
    @creativelifewithmanisha1488Ай бұрын

    Perfect thank you...💯✌👍

  • @Narcissist_15
    @Narcissist_158 ай бұрын

    best platform for all html css and javascript....... thankyou so much

  • @YahooBaba

    @YahooBaba

    8 ай бұрын

    Your most welcome :)

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

    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

    @YahooBaba

    4 жыл бұрын

    Thanks dear :)

  • @kishorisahoo6088
    @kishorisahoo60882 жыл бұрын

    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

    @YahooBaba

    2 жыл бұрын

    Your welcome :)

  • @RakibulHasan-go6vi
    @RakibulHasan-go6vi4 жыл бұрын

    Thanks a lot, sir for this video. It was so easy to learn the use of transform.

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Your welcome Rakibul :)

  • @cocmods8854
    @cocmods88545 жыл бұрын

    you made a great turorial, i have seen many indian youtuber css tutorial but it's not worth it ,i like your tutorial

  • @YahooBaba

    @YahooBaba

    5 жыл бұрын

    Thanks bRock for ur gr8 complement.I will try my best to make more useful tutorials on CSS.

  • @cocmods8854

    @cocmods8854

    5 жыл бұрын

    @@YahooBaba bro ek complete website banao responsive. without bootstrap

  • @faizanrana9049
    @faizanrana90493 жыл бұрын

    thank you so much bhai love from pakistan

  • @ZAZzzz1245
    @ZAZzzz12453 жыл бұрын

    Great thanks baba ji u r the best

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Thanks and welcome :)

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

    thanks you, sir

  • @soumyaranjanpradhan1325
    @soumyaranjanpradhan13254 жыл бұрын

    Amazing tutorial with nice explanation !!

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Glad you liked it!

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

    Thank You Sir

  • @alhamdcollectionstore5598
    @alhamdcollectionstore55982 жыл бұрын

    very good sir kamaal

  • @learnerbd3751
    @learnerbd37515 жыл бұрын

    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

    @YahooBaba

    5 жыл бұрын

    Hello Belal... Today I start the new Tutorial series to Learn JavaScript : kzread.info/head/PL0b6OzIxLPbx-BZTaWu_AF7hsKo_Fvsnf

  • @educatorsfan9536
    @educatorsfan95363 жыл бұрын

    Best video for CSS ❤️👌👌

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Thanks :)

  • @chitrangjoshi1184
    @chitrangjoshi11844 жыл бұрын

    sir which things should know befor learning 2d transform and 3d transform is it required to learn 2d computer graphics before know this

  • @privacygruji2517
    @privacygruji25173 жыл бұрын

    Awesome video

  • @arofianmiraj3336
    @arofianmiraj33364 жыл бұрын

    mind blowing sir. please sir .won't give up

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    I will try my best

  • @creativeit4251
    @creativeit42514 жыл бұрын

    Thank you

  • @mohammadhusainpatavat2180
    @mohammadhusainpatavat21805 жыл бұрын

    I found u just now....koi itna acha nahi samjata .....sub sirf coding kar dete hai...but u r great

  • @YahooBaba

    @YahooBaba

    5 жыл бұрын

    Thanks Husain

  • @rajeshsatpathi5314
    @rajeshsatpathi53144 жыл бұрын

    great sir ...

  • @sksamim6004
    @sksamim60042 жыл бұрын

    Great baba

  • @CH.FAIQUE.BARYAR
    @CH.FAIQUE.BARYAR11 ай бұрын

    lOVE FROM PAKISTAN🥰🥰❤❤

  • @sktamim_01
    @sktamim_013 жыл бұрын

    Thanks a Ton Sir😁❤️❤️❤️

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Most welcome 😊

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

    Thanku so much🙏🙏

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Most welcome 😊

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

    You're great Sir

  • @YahooBaba

    @YahooBaba

    6 жыл бұрын

    Thanks Sandeep

  • @zisanahmed4633
    @zisanahmed46334 жыл бұрын

    Thanks you. From Bangladesh

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Your welcome Zisan :)

  • @somnathshaw4829
    @somnathshaw48294 жыл бұрын

    sir aapne jo chrome browser use kiya hai usme jo extentions & Plugins add kr rakha hai uske bare me ek video bnayiye pls......

  • @mehedihassan3522
    @mehedihassan35224 жыл бұрын

    tnx

  • @nomanali9836
    @nomanali98364 жыл бұрын

    great work sir?

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Thanks Noman for appreciating my work :)

  • @santoshupadhayay4013
    @santoshupadhayay40134 жыл бұрын

    Thanks sir

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Your Welcome :)

  • @murshidaakter9480
    @murshidaakter94803 жыл бұрын

    you deserve more view

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Thanks

  • @mohammadjunaid1002
    @mohammadjunaid10023 жыл бұрын

    Did you have website. Can we get css html code of this vid. Thanks

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

    Love from Bangladesh 🇧🇩🇧🇩🇧🇩🇧🇩

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Thanks for ur love and support :)

  • @riteshkumar-jy5np
    @riteshkumar-jy5np2 жыл бұрын

    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 ??

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

    very nice

  • @YahooBaba

    @YahooBaba

    Жыл бұрын

    Thanks

  • @ZAZzzz1245
    @ZAZzzz12453 жыл бұрын

    agr humy rotate ma text ko fixed position deni ho to hm kaise karengy sir?

  • @asadislam187
    @asadislam1872 жыл бұрын

    v. good

  • @YahooBaba

    @YahooBaba

    2 жыл бұрын

    Thanks :)

  • @kartiktanti6567
    @kartiktanti65674 жыл бұрын

    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.

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

    ❤❤

  • @shadow1947
    @shadow19475 жыл бұрын

    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

    @YahooBaba

    5 жыл бұрын

    Aap apna complete code yha paste karo do mein dekh kar batata hun ki kya problem hai.

  • @usmanshahid8529
    @usmanshahid85294 жыл бұрын

    Translate (100 %,100%) ye right bottom kase bna ? Koi btae ga ? Agr is ko - kr den ,tab kon sa bne ga origion ???

  • @asadbukhari8
    @asadbukhari84 жыл бұрын

    ham animation ki examples kha sy dekh skty hain different type ki taky new ideas catch kr skyn kindly recomend kr dyn

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Aise particular koi website toh nahi pata lekin aap google pe direct search kar sakte ho " css transition examples"

  • @asadbukhari8

    @asadbukhari8

    4 жыл бұрын

    @@YahooBaba thank you very much

  • @125siddheshmhatre6
    @125siddheshmhatre63 жыл бұрын

    tyu

  • @mdrashidhussain7168
    @mdrashidhussain71684 жыл бұрын

    Sir isme loop lga sakte hain..???

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Nahi ismein loop nahi laga sakte. Loop lagana hai toh CSS ki ek dusri property aati hai (Animation).

  • @shivam.goyal.15
    @shivam.goyal.155 жыл бұрын

    Sir rotate mai x and y axis nahi use hoga ?

  • @YahooBaba

    @YahooBaba

    5 жыл бұрын

    Hello Shivam, ye 2D transform hai, yo 3D transform mein hota hai

  • @shivam.goyal.15

    @shivam.goyal.15

    5 жыл бұрын

    @@YahooBaba okk sir thanks for help

  • @shinnychildrens2896
    @shinnychildrens28963 жыл бұрын

    Send your 1st tutorial please..

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Check the playlist

  • @epicfacts9435
    @epicfacts94355 жыл бұрын

    boss Saas pe b lectures bnao

  • @YahooBaba

    @YahooBaba

    5 жыл бұрын

    Hello Rizwan , next month ke end mein Sass Course shuru hone wala hai ... keep watching :)

  • @epicfacts9435

    @epicfacts9435

    5 жыл бұрын

    @@YahooBaba thanks.

  • @faizanrana9049
    @faizanrana90493 жыл бұрын

    how to set hover to class its not working with my id

  • @SachinSingh-zg4ll
    @SachinSingh-zg4ll4 жыл бұрын

    Bhai plzzz aur videos banao 😭

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Aur videos kiss topic se related ?

  • @SachinSingh-zg4ll

    @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

  • @sashikantapanda1255
    @sashikantapanda12553 жыл бұрын

    Sir 200 ward ka paragraph kese letie ap plz bato

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    That is emmet plugin. See this video for that : kzread.info/dash/bejne/fp2luaiwmbGfiZc.html

  • @AnjaliSahu-ud5zt
    @AnjaliSahu-ud5zt2 ай бұрын

    hi

  • @PradeepSharma-wd3zl
    @PradeepSharma-wd3zl4 жыл бұрын

    Why are you use transform with transition

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    To show the variety of effects we can use after learning Transition.

  • @bhajan_path1191
    @bhajan_path11913 жыл бұрын

    Sir chrom m transition:transform work nhi kr rha h

  • @YahooBaba

    @YahooBaba

    3 жыл бұрын

    Show me your code

  • @ZAZzzz1245

    @ZAZzzz1245

    3 жыл бұрын

    Prefix use kr lo webkit wala

  • @kareemwasg9
    @kareemwasg95 ай бұрын

    sir mobile me css file attach nhi horahe colour nhi araha plz bta de

  • @abhishekgupta7185
    @abhishekgupta71854 жыл бұрын

    agr isse 3-4 bar rotate krna ho to

  • @abhishekgupta7185

    @abhishekgupta7185

    4 жыл бұрын

    got it 360 ko jitne barr karna hai utn se multiply krdo aur time ko bhi

  • @chitrangjoshi1184
    @chitrangjoshi11844 жыл бұрын

    ??

  • @codewithdhairya1193
    @codewithdhairya11932 жыл бұрын

    111 Comments

  • @rawahapool
    @rawahapool4 жыл бұрын

    Yahoo 😂😂😂

  • @ranipal8215
    @ranipal82156 ай бұрын

    my

  • @universeboss4865
    @universeboss48653 жыл бұрын

    .

  • @omrrrrrr
    @omrrrrrr2 жыл бұрын

    Magar Agar is well🤣

  • @mdrashidhussain7168
    @mdrashidhussain71684 жыл бұрын

    Very nice....

  • @YahooBaba

    @YahooBaba

    4 жыл бұрын

    Thanks Rashid :)