Animated Profile Card UI Design using Html & CSS
HTML-код
- Опубликовано: 21 сен 2024
- Click For More : www.youtube.co...
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
www.udemy.com/...
CSS Infinity Course : www.udemy.com/...
Another Course : Build Complete Real World Responsive Websites from Scratch
www.udemy.com/...
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
Join : / @onlinetutorialsyt
------------------
Source Code : / onlinetutorials
Facebook Page : / onlinetutorialsyt
Instagram : / onlinetutorials_youtube
Twitter : / onlinetutoria16
Website : www.onlinetutor...
Buy Me A Coffee : www.buymeacoff...
------------------
#csseffect #topcsseffects
------------------
give proper credit if you repost this on other social media platform
------------------
image source : www.pexels.com/
------------------
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
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.
Sempre excelente!
Estava pensando aqui, não era mais facil fazer algo assim em um editor de imagens onlinne e só usar o codigo na pagina?
@@dinsantana2175 Tudo é possível! Mas não é questão de ser mais fácil, é de criação. Nem sempre o fácil é mais legal!
This is amazing…I never stop learning from your platform…keep it up please I benefit a lot.
you are outclass developer.....thanks for developing our interest in css with your outclass creation
You are the CSS king👑.
Bro you are legend at CSS designing...
Why don't you make a full tutorial of this next level css styling for free on RUclips...
It will be amazing and very helpful to noob and beginner developers who wants to master css like you did..
The channel was only got some subscribers when I first subscribed. Now look at you. Near one million. Much deserved.
RIP your English. 🤣🤣
@@car_holic1995 🤣🤣🤣
Yeah bro, you are the reason why he got near a million subscribers 😂😂
@@car_holic1995 and I suggest you to improve your grammar and recheck my syntax. I won't be waiting, tho.
@@Moonlight-sj7qc ikr. Being one among his subscribers. It's a joy seeing his work keeps on improving.
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!
he didnt post the source code in his patreon, and im having some problems
Feedback ???
This is very beautiful card design, I can make different things using this, thanks a lot
Osm design in css bro
Simple dan keren
I love the shadow
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 ..
Cool Profile Card UI! Thank You!
You just earned one subscriber! Thanks for the amazing content
Creative Design.. Like it... Good Creative Design.
Just wow thak you 💙
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?
wow this is awesome holy moly
Это просто супер! Спасибо за такие уроки!
u are great...i am employing this trick in my app
Amazing°° Thank you so much for your tutorial°°
Thanks for the share.
Cool design
good coding skill man
شكرا
Osm bro
Great video everytime OT thanks
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? 🧐
Amazing job ! how your page refreshes automatically ?
Can anyone tell me the name of the music used here?
It's awesome..
thank you! found very good! How edit for responsive design this code?
Thank you
Sensacional
!! Super
nic work brother
Nice! Thanks!
Nice!
Thanks bro.
Wow
Love u bro
Could you let me know your background music in this video? I think It's best for me to study and code. Thanks
if I want to make the hover card go down, how do I do it? what needs to be changed in the css?
Incrível, fui colocando pausa cada parte e copiando👍🏻 !
GUCCI, thanks!
Was easy..
centering div is my biggest pain
❤️❤️❤️
Need your help 🙏 I am beginner
I try this codes but my content is not working plz help
How can i create 4 cards like this in a row
Bhaibyaar ak ludo par design banao best ludo design
Sir can you please make this video zoom
buen aporte
Image nhi aa raha
sir i am having issue in inserting image of my own.....can u help??
could you make a video on a html css NFT presentation website?
is there a way to download this code or something?
Can This Be Used On App Design?
Brother please tell me if i make 4 cards like this in a row then how can i make it responsive?
Please help me
Create a 4 column row div. Insert his code into each column.
Money kitana lagega
Hello bro Ik tutorial complete web site create kar na is ma back end per data save ho please 🥺
👏👍👏
Hello, have images please? Thanks
It didn’t work🥱
Hello
Are U Muted????
No he is not he spoked in one video I can remember
@@soumyajit-brahma-2008 yea, the Udemy tutorial.
@@AmuhAje Yeah
Ha na bolta toh aur jyada followers hote kyuki sabko bas dekh ke samj me nahi ata. Agar saath saath explain bhi karta na ye banda toh maa kasam aur kyadasubs hote iske
Good job bro, JESUS IS COMING BACK SOON;PREPARE
Bhai tum bolte kyu nahi
Jk
br?