DEV Community

Cover image for Animated Profile Card Using HTML CSS & GSAP
Nikhil Bobade
Nikhil Bobade

Posted on • Updated on

Animated Profile Card Using HTML CSS & GSAP

Hello Guys,

Thank you guys for my last post response. Today I Created an Animated profile card using HTML CSS & GSAP Animation. I use the simple card and use GSAP timeline() to animate the card using gsap.from() you can animate a card. I hope you like this also comments about your thoughts. also For more content follow me on Instagram @developer_nikhil27.

Thank you πŸ™‚!

Checkout new post

Discussion (25)

Collapse
akshit_singh profile image
Akshit Singh

This is really amazing !!!. I am currently learning HTML CSS and JS so this will surely help me in my journey. Thankyou for such an amazing article 😊

Collapse
hornet0101 profile image
Hornet0101

How are you learning that

Collapse
nikhil27b profile image
Nikhil Bobade Author

Thank you keep supporting

Collapse
mtrantalainen profile image
Mikko Rantalainen

You could easily do this without JavaScript (HTML+CSS only).

Collapse
nikhil27b profile image
Nikhil Bobade Author

Yes but my Instagram followers choose gasp so I created this post

Collapse
mhadi2003 profile image
Mahdi

That's great πŸ‘

Collapse
nikhil27b profile image
Nikhil Bobade Author

Thank you

Collapse
stephanreynolds profile image
Stephan Reynolds βœͺ

Nice :)

Collapse
nikhil27b profile image
Nikhil Bobade Author

Thanks 😊😊😊

Collapse
andrewbaisden profile image
Andrew Baisden

Looking good!

Collapse
nikhil27b profile image
Nikhil Bobade Author

Thank you

Collapse
princechigozie11 profile image
Princechigozie11

Very nice, me just starting my journey πŸ˜†

Collapse
nikhil27b profile image
Nikhil Bobade Author

Keep learning stay focused thank you for your support

Collapse
kasuncfdo profile image
Kasun Chanuka Fernando

Wow its inspiring 😍 keep going !

Collapse
nikhil27b profile image
Nikhil Bobade Author

Thanks bro

Collapse
earlwilson profile image
EarlWilson • Edited on

Can you explain by using a example? lemon breakup spell

Collapse
davidbatun profile image
davidbatun

Thank you! Is amazing

Collapse
nikhil27b profile image
Nikhil Bobade Author

Thank you 😊 Keep Supporting

Collapse
siva1112 profile image
Sivaprakash • Edited on

Bro, where I type js code?. In css file only or seperately? Tell me bro

Collapse
nikhil27b profile image
Nikhil Bobade Author

you can write in html file also or create a seprate file

Collapse
pratik1406 profile image
Pratik

Looks cool!

Collapse
iamhtmldeveloper profile image
Amol Bhandare

Thanks for sharing your knowledge with us.... all the bset

Collapse
nikhil27b profile image
Nikhil Bobade Author

Thank you keep supporting

Collapse
vadiminsk profile image
Vadim Gadjimuradov

Nice! but it can be done via simple css animation

Collapse
nikhil27b profile image
Nikhil Bobade Author

Thank you this post for beginners