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

Top comments (25)

Collapse
 
mtrantalainen profile image
Mikko Rantalainen

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

Collapse
 
nikhil27b profile image
Nikhil Bobade

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

Collapse
 
andrewbaisden profile image
Andrew Baisden

Looking good!

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thank you

Collapse
 
princechigozie11 profile image
Princechigozie11

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

Collapse
 
nikhil27b profile image
Nikhil Bobade

Keep learning stay focused thank you for your support

Collapse
 
hornet0101 profile image
Hornet0101

How are you learning that

Collapse
 
stephanreynolds profile image
Stephan Reynolds βœͺ

Nice :)

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thanks 😊😊😊

Collapse
 
kasuncfdo profile image
Kasun Chanuka Fernando

Wow its inspiring 😍 keep going !

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thanks bro

Collapse
 
mhadi2003 profile image
Mahdi

That's great πŸ‘

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thank you

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thank you keep supporting

Collapse
 
siva1112 profile image
Sivaprakash • Edited

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

Collapse
 
nikhil27b profile image
Nikhil Bobade

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

Collapse
 
pratik1406 profile image
Pratik

Looks cool!

Collapse
 
vadiminsk profile image
Vadim Gadjimuradov

Nice! but it can be done via simple css animation

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thank you this post for beginners

Collapse
 
earlwilson profile image
EarlWilson • Edited

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

Thank you 😊 Keep Supporting

Collapse
 
iamhtmldeveloper profile image
Amol Bhandare

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

Collapse
 
nikhil27b profile image
Nikhil Bobade

Thank you keep supporting

An Animated Guide to Node.js Event Loop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.