DEV Community

loading...

#CodepenChallenge Click: Subscribe Call to Action

takaneichinose profile image Takane Ichinose ・1 min read

A micro interaction of a subscription card. When clicked, the card will become a circle, and then a check mark will be drawn.

This time, I didn't make a separate function for the other functionality of a React component. All are just in a nested function.

I used GSAP to animate the elements.

The bell icon came from FontAwesome. I only used one icon from them this time.

I used the Open Sans font. I directly took it from the Assets part of this pen. Though, the font is uploaded on Google Fonts.

Discussion (2)

pic
Editor guide
Collapse
leviathanprogramming profile image
Collapse
takaneichinose profile image
Takane Ichinose Author

Thank you! Glad you liked it! :D