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

[@rahultecht.v3147]

You are great i learn lot of thing through you

[@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! 🙌

[@gulraizcodes]

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

[@CodingLabYT]

Glad it was helpful!

[@djvjofficial]

Master card by a master💫

[@muhammadshahrooz1675]

Thank you so much. You did it very nicely.⭐

[@michaelsglas]

This looks absolutely fantastic….

[@CodingLabYT]

Thanks a ton.

[@mfundomonchwe1313]

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

[@creativedad.4912]

Nice 👍 one bro. Good sense of UI design

[@CodingLabYT]

Glad you like it

[@rakeshrockb]

Brilliant!! Thank you for all your time.

[@Chandan_jangir_]

thanks for this wonderfull playlist

[@mohitkucheriya2903]

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

[@CodingLabYT]

My pleasure 😊

[@Krishna-er1pb]

Nice🎉🎉

[@aleksandar.stankovic000]

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

[@CodingLabYT]

Much appreciated!

[@varunarya8520]

Brother that inspire me ❤

[@Rakibulislamsiam-jy2xz]

Thnaks CodingLb

[@gamer_sihab99]

Thanks Bro!!!

[@666tradash999]

thank you i learned a lot 💌🍀

[@maskman4821]

Another master piece 👍

[@CodingLabYT]

Thanks again!

[@elieli2570]

Beautiful!!

[@CodingLabYT]

Thank you! Cheers!

[@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!

[@abdullaalmamun1019]

Good job Beautiful design, go ahead bro🥰🥰

[@CodingLabYT]

Many many thanks

[@Supreme.Speech29]

please provide those things in the discreption used in video

[@rp2804]

Please explain what you did at end!

[@AnkitaSutar-v9e]

Nice👍

[@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

[@blog23z]

Good Job👌

[@CodingLabYT]

Thank you! Cheers!

[@TheLastMinuteDev]

I attempted to integrate the code for a profile card with the code for a flippable element. However, I encountered difficulties implementing the desired functionality. My goal was to create a profile card that could be flipped to reveal a section containing my personal information.

[@xbodoubles8974]

Can the card keep rotating till infinity?
Nice job.

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

[@bharathwajv3055]

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

[@rohanyadav3006]

Where do you perform the coding part

[@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

[@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

[@KavinduDharmasiri-t2g]

wow

[@MBDev_]

good job bro.

[@CodingLabYT]

Thanks a lot bro.

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

[@cgianimationtv1828]

You good bro

[@CodingLabYT]

Thanks a ton.

[@vegita16]

5:12 ❤

[@ParsaAli-m8u]

from where to get the logo and chip image?

[@hiteshverse]

Check the description

[@samadeyemi-ns5cz]

this was dam hard

[@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.

[@abhaykmr5525]

From we can download those logo?

[@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

[@uchihaid4842]

Sorry sir pls d backface visibility isnt working

[@JacksenInAction]

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

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

[@cgianimationtv1828]

Which school do you learn web development? Pls tell

[@CodingLabYT]

Self Taught.

[@RavindrAKumar_rk91]

right

[@gk7178]

Where is full Sources code

[@CodingLabYT]

Available soon.

[@mohammedrafat9103]

backface-visibility:hidden ;
didnt work

[@uchihaid4842]

Me too

[@amitjha7225]

14:54

[@trulyappel]

Hi

[@raet5178]

3:07 How ?

[@ersik3n]

Alt+down

[@vannyakh]

First

[@CodingLabYT]

That's great.

[@jyothimiriyala1762]

Nice