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

Flipping Card UI Design in HTML & CSS | Card Hover Animation | Glassmorphism | ASMR programming | No Talking | ASMR Coding

This video tutorial will teach you to create a Card UI Design with Flip Animation using HTML and CSS. Basically, I have made this card UI in Glassmorphism. The source code link has provided below.

🖼️ Get Only Images of this Card
➤ https://drive.google.com/file/d/1n8Wd...

🗂️ Get Source Code of this Card
➤ https://www.codingnepalweb.com/flippi...

🌐 Visit CodingNepal for helpful coding projects
➤ https://www.codingnepalweb.com

⭐ Hire me on Fiverr
➤ https://www.fiverr.com/prakashahi

📷 Follow me on Instagram
➤   / coding.np  

🤝 Support my work with a coffee
➤ https://buymeacoffee.com/codingnepal

⌚ Timestamps:
00:00 Flipping Card Demo
00:32 File Structure
01:05 Making Gradient Balls
03:21 Making Card with Glassmorphism UI
10:45 Creating the back face of the card
15:43 Making Card flip on hover
17:16 Final result

#card_design #hover_animation #html_css #notalking

---

🎵 Music Credit:
Something 'bout July (Instrumental) by RYYZN
   • Something 'bout July (Instrumental) –...  

Ikson - We Are Free (Vlog No Copyright Music)
   • Ikson - We Are Free (Vlog no Copyrigh...  

Song: Ehrling - You And Me (Vlog No Copyright Music)
➤ Video Link:    • Ehrling - You And Me (Vlog No Copyrig...