Animated Profile Card UI Design Using HTML & CSS | CSS Card Hover Effects

Animated Card Hover Effects UI Design Using HTML & CSS. Build this creative animated profile card with info button and clip-path hover effects. Content a user profile and social links with a beautiful minimalist interface.

🔔 Subscribe for more!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🔗 Source code

❤️ Support my work

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👨‍💻 Build the project from scratch

👆 Download (empty files + images)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP

📂 Assets

⏱ Timestamps
0:00 Intro Animated Card
0:45 Project Setup
2:07 Variables & Reset CSS
3:23 Card HTML
4:24 Card CSS
8:55 Card Info HTML
12:21 Card Info CSS
19:56 Card Info Animated
22:23 Final Project

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
☕️ Support me

💙 Support me by PayPal

👍 Thanks for watching!
Make sure to like + Subscribe for more! 💗

#csscard #cardhovereffects #bedimcode

[lhomme_flaneur]

your content is amazing. please keep up.

[moviemate_]

Thank you so much bud you're the best tutorial maker who i know 🙂🤩

[warlockhaseo]

That's a pretty good solution. The next step would be to add this card into another website.

[younesben]

that amazing, what is the font of ur vscode editor???!

[topmoviesvision]

How were you able to master CSS to this extent?

[marvel]

I am not able to design a project after trying so hard. Please design this project for me. I will be very grateful to you. And you publish the tutorial of that project on YouTube so that everyone can watch and learn. You are very good web developer your project is very good so i tell you i didn't get proper help from anyone. Please give me the replay so I can contact you and show you the project. Thank you😊

[topmoviesvision]

And how do you master CSS animations and transition

[topmoviesvision]

HW are you this proficient in CSS please very incredible