Student Reviews
( 5 Of 5 )
1 review
Video of Flipping Card UI Design in HTML & CSS Card Hover Animation ASMR programming in HTML&CSS Projects course by CodingLab channel, video No. 2 free certified online
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/1n8Wdxg539EJh4bVa8xkCHYhLNVR2U-vA/view?uspsharing
Get Source Code of this Card
https://www.codingnepalweb.com/flipping-card-ui-design-html-css/
Visit CodingNepal for helpful coding projects
https://www.codingnepalweb.com
Hire me on Fiverr
https://www.fiverr.com/prakashahi
Follow me on Instagram
https://www.instagram.com/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
https://youtu.be/OFga9pkl6RU
Ikson - We Are Free (Vlog No Copyright Music)
https://youtu.be/8hSZZ9um0aM
Song: Ehrling - You And Me (Vlog No Copyright Music)
Video Link: https://youtu.be/8HJSl7AiJNg