Animated Profile Card UI Design using Html & CSS @OnlineTutorialsYT | CSS Card Hover Effects

------------------
Enroll My Course : Next Level CSS Animation and Hover Effects

Another Course : Build Complete Real World Responsive Websites from Scratch
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
------------------

------------------
#csseffect #topcsseffects
------------------
give proper credit if you repost this on other social media platform
------------------
------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

[alexsepph]

An elegant rule to keep .data elements with the same column width and alignment is to put in the parent:
display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);
This make column exactly same.

[muhammadshahid]

you are outclass for developing our interest in css with your outclass creation

[rohanb]

Vey😊good sir l am proud of you so again more new try it new into new html CSS animation I give you some👍 this chennel on now💯

[olittobee]

This is amazing…I never stop learning from your platform…keep it up please I benefit a lot.

[oleksandrvoichyshyn]

Thank you! When I repeated by you, I understood the main problem with the text. If there are more symbols than before text: buttons (Follow < Message), the button with Message is bigger than the previous button. With text (posts, followers, following) the same problem.
But thank you for the idea!

[AmuhAje]

The channel was only got some subscribers when I first subscribed. Now look at you. Near one million. Much deserved.

[blackpurple]

This is very beautiful card design, I can make different things using this, thanks a lot

[CybercrRodeo]

Bro you are legend at CSS designing...
Why don't you make a full tutorial of this next level css styling for free on YouTube...
It will be amazing and very helpful to noob and beginner developers who wants to master css like you did..

[gokuljana]

Sir I'm a regular and old viewer, we all apprecate what you continously doing for us is generously increadible which totaly helps us ... I'll will suggest you to please add some voice to taught us better and making things intractive ..

[mythicfrost]

he didnt post the source code in his patreon, and im having some problems

[abhijitkumar]

You just earned one subscriber! Thanks for the amazing content

[mahmud]

Creative Design.. Like it... Good Creative Design.

[hardinrami]

Thank you for the tutorial! It was really helpful! I just have one question for you. How does you chrome auto refreshes as you update your code? Did you install some kind of extension?

[jayurtd]

Need your help 🙏 I am beginner
I try this codes but my content is not working plz help

[Kayodeshobalaje]

u are great...i am employing this trick in my app

[yukiryu]

Once again nice tutorial 👍
What i'm really curious now is how to make another good effect in mobile viewport like (i just know effect show up the content when user scroll down the page in their phone browser, and it use a little js)?
What is other effect good for mobile viewport? 🧐

[buzz.r.lightyear]

Can anyone tell me the name of the music used here?
It's awesome..

[pacarnyadowoon]

if I want to make the hover card go down, how do I do it? what needs to be changed in the css?

[elonapereira]

Amazing job ! how your page refreshes automatically ?

[seppneimusser]

Amazing°° Thank you so much for your tutorial°°