Magnetic Buttons
5.08.2020
A small set of magnetic buttons with some fun hover animations.
Made with: HTML,CSS,JS
Upload Progress Animation Microinteraction With Gsap
20.07.2020
On the first click, the shape of the button will become circle. Then, the button will become a progress bar, and a "speech bubble" above the progress bar will be shown. That "speech bubble" shows the percentage of the upload progress. The "speech bubble" will tilt when the progress starts. After the uploading is done, the button will turn into green colored circle, then the check mark will appear, pertaining that the upload is already done. After 5 seconds, the button will return into its normal state.
Made with: HTML,CSS,JS