Flipping Card UI Design in HTML & CSS | Card Hover Animation | ASMR programming

[@gulraizcodes]

Excellent Video! You didn't speak anything but you made it way easier for everybody to understand. ✨

[@CodingLabYT]

Glad it was helpful!

[@Dinesh29293]

This video helped me align flexbox items better using the transform property. I now feel confident and equipped to tackle any challenges in this regard. Thanks! 🙌

[@mfundomonchwe1313]

enjoyed the tutorial, if possible can make the user enter his/her details on the card live, that would be cool!

[@BitsDiscovery]

Im confused why and when div/ section get use?

[@sid_liftz]

Div/nav/section/main , it's all same thing just use at a your convenience

[@vyompatel-1739]

Div and section are almost the same but section is a semantic element of the html
It represents a meaning
Hope this helps

[@chesslars]

It's for grouping purpose

[@shekharshahakar8382]

💯 correct

[@rahultecht.v3147]

You are great i learn lot of thing through you

[@priyanshudivyanshu5341]

This must be really hard to make. Thanks for your effort.(Even though I don't understand anything. I am just a beginner btw)

[@CodingLabYT]

I'm glad you liked it. You can do it!

[@djvjofficial]

Master card by a master💫

[@mohitkucheriya2903]

Brilliant and very Interesting card design , learn a lot thanku 🙌

[@CodingLabYT]

My pleasure 😊

[@anahitae.g4371]

When I was writing this project I realized that " .card .back-face " with a space between the two classes is different from " .card.back-face " with no space between them ; Because at first , I wrote the first one , but I the styles in css wouldn't implement on the project . But when I changed the first one to the second one , the project got fixed .
Can anyone tell me why are they different ?

[@michaelsglas]

This looks absolutely fantastic….

[@CodingLabYT]

Thanks a ton.

[@creativedad.4912]

Nice 👍 one bro. Good sense of UI design

[@CodingLabYT]

Glad you like it

[@aleksandar.stankovic000]

Thank you, sir! I appreciate your work... Like for the video! 👍

[@CodingLabYT]

Much appreciated!

[@rakeshrockb]

Brilliant!! Thank you for all your time.

[@varunarya8520]

Brother that inspire me ❤

[@Chandan_jangir_]

thanks for this wonderfull playlist

[@rp2804]

Please explain what you did at end!

[@xbodoubles8974]

Can the card keep rotating till infinity?
Nice job.

[@Supreme.Speech29]

please provide those things in the discreption used in video

[@caio_mathe]

Nice tutorial bro!
What program do you use to record the screen?

[@CodingLabYT]

Filmora screen recorder.

[@semanticdev]

Thanks for the tutorial it really opened my eyes to some css properties I was not aware of. I tried loading the website on firefox and safari and noted it didn't work as intended. Any tips about consistency across browsers?

[@whisper_wing]

Thanks Bro!!!

[@666tradash999]

thank you i learned a lot 💌🍀

[@abdullaalmamun1019]

Good job Beautiful design, go ahead bro🥰🥰

[@CodingLabYT]

Many many thanks

[@elieli2570]

Beautiful!!

[@CodingLabYT]

Thank you! Cheers!

[@OlamiposiOladipupo-zq1vc]

This project is really amazing but Please I would like to know where you got the ATM card chip

[@CodingLabYT]

I created it using figma

[@OlamiposiOladipupo-zq1vc]

@@CodingLabYT okay thanks

[@user-qo6ly8xv7u]

Nice👍

[@Rakibulislamsiam-jy2xz]

Thnaks CodingLb

[@bharathwajv3055]

where can i download the pictures from(logo,chip)?

[@user-nv6ys7cy7y]

from where to get the logo and chip image?

[@hiteshverse]

Check the description

[@maskman4821]

Another master piece 👍

[@CodingLabYT]

Thanks again!

[@Niggish69]

html and css file in description is empty

[@CodingLabYT]

www.codingnepalweb.com/responsive-registration-form-in-html-css/

[@blog23z]

Good Job👌

[@CodingLabYT]

Thank you! Cheers!

[@user-tn4qo4bn5z]

wow

[@vegita16]

5:12 ❤

[@amitjha7225]

14:54

[@MBDev_]

good job bro.

[@CodingLabYT]

Thanks a lot bro.

[@nguyeninhvy1639]

why do you use span element to combine and and not div element? Is it okay if I use the div element?

[@_darknessgaming_632]

span for inline, div for block

[@black_n_brown]

A vertical card would be nice

[@CodingLabYT]

Next time.

[@cgianimationtv1828]

You good bro

[@CodingLabYT]

Thanks a ton.

[@abhaykmr5525]

From we can download those logo?

[@uchihaid4842]

Sorry sir pls d backface visibility isnt working

[@JacksenInAction]

Yeah same problem!
And the real code from his site had the same failure!

[@vaishnavejp9247]

can someone explain why position auto made the backside overlap

[@harshsachdeva8641]

when you set the position as absolute the container show unexpected behaviour . It acts like it is not there and also the dimension it is taking will not be visible and the container below it takes it position thus we are seeing the overlap behaviour . hope it helps

[@SHUBHAMWARANG-hw2nk]

when i hover over card it shows front face element also along with back face element which looks like front face in rotate 180 degre and back face in front of user normally have anybody face the same problem

[@mauriciohenrique5844]

I face the same problem, did you manage to solve it?

[@osferasdofutebol7296]

I'm also experiencing the same problem. If you can solve it, could you help me?

[@natureloving8845]

whrre to download images

[@CodingLabYT]

You can download source code and images of this video from here: www.codingnepalweb.com/flipping-card-ui-design-html-css/

[@rahulsharma7449]

Hello sir, aap konsa keyboard use krte ho

[@CodingLabYT]

redragon

[@rahulsharma7449]

@@CodingLabYT 2000 budget mechanical keyboard btao plz

[@mohammedrafat9103]

backface-visibility:hidden ;
didnt work

[@uchihaid4842]

Me too

[@RavindrAKumar_rk91]

right

[@vannyakh]

First

[@CodingLabYT]

That's great.

[@jyothimiriyala1762]

Nice

[@cgianimationtv1828]

Which school do you learn web development? Pls tell

[@CodingLabYT]

Self Taught.

[@gk7178]

Where is full Sources code

[@CodingLabYT]

Available soon.

[@raet5178]

3:07 How ?

[@ersik3n]

Alt+down

[@trulyappel]

Hi