The button we made in order to change the background shape was mostly a placeholder while implementing the shape shifter logic. The plan all along was to make a cool easter egg instead, so that when a user clicks your profile photo the shape changes. Its a little secret surprise on the page.
Mission:
Make a new branch from your previous branch.
Move the shape shifter onClick functionality to the portrait photo, so that the background shape changes whenever the photo is clicked.
Make the cursor change to pointer when hovering over the photo
Add an onHover effect to image so its more obvious it can be clicked
The button we made in order to change the background shape was mostly a placeholder while implementing the shape shifter logic. The plan all along was to make a cool easter egg instead, so that when a user clicks your profile photo the shape changes. Its a little secret surprise on the page.
Mission:
Tailwind tags you can use for the onHover effect:
hover:-translate-y-2 transition-scale duration-300
hover:scale-105 transition-scale duration-300
hover:outline