Yes, just because no one makes a video for each CSS property, and this video would be very helpful for creating a memory game using JavaScript, but CSS is still necessary... though. 💁
THat's so amazing and important topics,i was making Valentine card app in Javascript ,so this property helped me a lot back and front,,,,salute you sir ,I'm your big fan
Osm video sir ...but aapne upaar position wala video main bataya hai tha ki .. position without left or bottom kuch value dena hota hai..but yahan kuch nahi hai
transition: transition-property transition-duration transition-timing-function transtion-delay. ** transition-property can hold every property like width, height, transform, color, background etc,
@@YahooBaba thanks sir ! Sir please aik or question ka answer dy dijiye, k website layout banane k liye kis jga flexbox or kis jga per css grid use kerna chahiye?
@@YahooBaba With Respect In your same code if i remove the backface visibility property i can flip the div. The all game of in your code of transform-style and transform rotateY property. i can achieve this without backface visibility property. if my code is proper running so why i should use backface property. you can test it you have to do only one thing remove backface visibility property in your code. your code will run and you can achieve flip effect.
The fact is you deserve billions of subscribers ❤
Yes, just because no one makes a video for each CSS property, and this video would be very helpful for creating a memory game using JavaScript, but CSS is still necessary... though. 💁
Right brother
The most understandable series on TH-cam .❤️
Thanks :)
Seriously, These tutorials are awsm.....
Thanks :)
THat's so amazing and important topics,i was making Valentine card app in Javascript ,so this property helped me a lot back and front,,,,salute you sir ,I'm your big fan
Great to hear!
Thanks for clear and precise explaination.
Osm video sir ...but aapne upaar position wala video main bataya hai tha ki .. position without left or bottom kuch value dena hota hai..but yahan kuch nahi hai
kyu ki mujhe ise kahi page mein move nahi karna hai isi liye meine ise koi left/right or bottom/top nahi diya hai.
Really Cooooooool bro, Go ahed & this is pray to God for your better future. Love u lot.
Thanks Khairuzzaman :)
i can achieve this without backface visibility property then why should i go for backface visibility
Thank you for explaining every step.
Sir aapne 4 div q use keya hai do krte ek pe front ek pe back??
front and back ko ak karne ke liye content div , content ki upar perspective dene ke liye card div
i can achieve this without backface visibility property then why should i go for backface visibility
Sir I suggest you keep pushing whatever code you do to git hub
.card{background:white;
position:absolute;
left:50%;
top:50%;
width:150px;
height:100px;
perspective:500px;
}
.content{width:100%;
height:100%;
position:absolute;
transition:transform 2s;
transform-style:preserve-3d;}
.front,.back{width:100%;
height:100%;
font-size:20px;
text-align:center;
line-height:75px;
background:blue;
backface-visibility:hidden;}
.back{background:tomato;
transform:rotateY(180deg);
backface-visibility:hidden;}
.card:hover .content{transform:rotateY(180deg);}
front
back
sir ye back end neche q jata hy...?
Nice explanation ❤️
Thank you 🙂
@@YahooBaba
❤️
which software are you using for your videos?
Hello sir . I hope you doing well . Sir aap ya examples kis website sy bataty ha video k start ma ?
Thanku sir, for making such useful vedios
Thanks and welcome
Sir Ye App Ne (Transition : Transform) kio dia hai transform tu is ki koi property nhi hai
Is ki property tu linear and ease-in etc hai.
transition: transition-property transition-duration transition-timing-function transtion-delay.
** transition-property can hold every property like width, height, transform, color, background etc,
Perspective kon si properties h css ki mene first time name suna hai?
Very funny.... Bhai shubham jab Css course hi pehli baar kar rahe ho toh first time hi suno ge na
@@YahooBaba Right bro.
WOoooooooo your are greate ji thanks....
Your welcome Vinoth :)
i can achieve this without backface visibility property then why should i go for backface visibility
can you please explain me
Good one, thanks keep it up..
Thanks Adarsh :)
i can achieve this without backface visibility property then why should i go for backface visibility
its Amazing Tutorial
Glad you liked it
@@YahooBaba Sir React Native tutorial Bana dy Plz
css m master huny k liye kitna time lgy ga??
Try to practice Templates for 2 months to become master.
@@YahooBaba thanks
Will you make series on python dear sir?
Yes
@@YahooBaba DEAR SIR THANK YOU SO MUCH THEN I AM WAITING FOR YOUR
PYTHON SERIES .
Why sir you giving every div position absolute..plz sir explain it..it make me little confused
In the outer div you can also use position:relative. I gave absolute because of demo purpose.
Thank you sir
Because he is using only single content in the whole page, position: relative; required where you have many contents in a page
great full stack upload karo sir
sir g background work ni karta position:absolute k sat front side
I mean for recording voice ?
I used Camtasia.
It works fine without backface-visibility:hidden;
So why you use it? Please explain
It works fine without it only in new Browser version but not in old version.
@@YahooBaba thank you. And when bg color is transparent, it is useful too
Osm video sir
Thanks Meenakshi :)
good work
sir backface-visibility rotate x per work nhi ker rhi ha .rotate ho rha ha lekin orgin point top sa.
Kaunsa browser hai aur uska version kya hai ? Kyu ki ye sabhi browser support nahi karte hai.
@@YahooBaba crome Version 81.0.4044.129 .rotate y is working but rotate x ma rotate top sa ho raha ha .center sa nhi ho rha ha
how much of progamming is learnes by learing Html,css and javascript
I don't understand ur question. You can write in urdu also.
@@YahooBaba sorry,main kehna chahta hu k html css k bad kitne percent designing seekh le jati hai?
Isko actual life mai kaha use kertay hain?
Isko 3D Transform ke sath use karte hai 3d type animation banate hue.
@@YahooBaba thanks sir ! Sir please aik or question ka answer dy dijiye, k website layout banane k liye kis jga flexbox or kis jga per css grid use kerna chahiye?
Sir can you give the pdf format of slide shown in video
wow
thanks a lot
You are most welcome
cool
Thank you Sir
sir mine is not working idk why
In which browser u r testing this property ? and also version no. ?
@@YahooBaba in chrome's latest version.
But i copied someone else code then paste it on note padd++ it was working fine.
Bhai ye wali video samaj mai nhi aayi yrr
bro reply me
apki video bht blurr aa rahi
Change the quality of your video from 240 to 360 or higher.
Sir please provide source code
you are giving wrong example
How it is wrong ?
@@YahooBaba With Respect In your same code if i remove the backface visibility property i can flip the div. The all game of in your code of transform-style and transform rotateY property. i can achieve this without backface visibility property. if my code is proper running so why i should use backface property. you can test it you have to do only one thing remove backface visibility property in your code. your code will run and you can achieve flip effect.
@@niketankmogha if you use transparent color then you will see backface-visibility effect
@@hamzasiddiqi8618 bro i can achieve this without backface-visibility with transparent color.
@@niketankmogha use transparent color and also write some text than you see the text when you rotate.....
Thank You Sir
Most welcome