This content originally appeared on DEV Community and was authored by Takane Ichinose
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.
This content originally appeared on DEV Community and was authored by Takane Ichinose

Takane Ichinose | Sciencx (2021-04-08T15:30:56+00:00) #CodepenChallenge Click: Subscribe Call to Action. Retrieved from https://www.scien.cx/2021/04/08/codepenchallenge-click-subscribe-call-to-action/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.