Animated Profile Card UI Design with Hover Animation in HTML CSS
What is a card, exactly? Well, they come in all sorts of shapes and sizes, but common cards will include information or content such as a title, a user name, a picture, and various icons. Sometimes there might be a brief amount of text, for example, product or client description.
Today in this video, I'll share with you this program (Profile Card UI Design with Hover Animation). At first, on the webpage, there is only an image with round border-color. But when you hover on that card, then the height and width of the card smoothly expand and show the contents of the card. I have also added transition-delay on social media buttons so the buttons will appear one by one.
animated profile card
card design
cards ui
codingnepal
css animation
css effect
css profile card
profile card ui design
View all tags
Posted on
Jun 25, 2020
More by CodingNepal View profile
Like