TechEvolvace / modified-calculator

0 stars 0 forks source link

Modified the appearance of the calculator buttons to appear more like 3D buttons on a calculator #8

Closed TechEvolvace closed 2 months ago

TechEvolvace commented 2 months ago

Changes

Calculator buttons now looks more like 3D buttons on a calculator
Modified the calculator button's appearance hover and click effect to help retain the appearance of a 3D calculator button for both when it is not pressed and when it is pressed (clicked by the user's mouse cursor)

Note about potential improvements

After the calculator button is clicked, it looks like an instantaneous change from when it is not clicked to when it is clicked and back to when it is not clicked. A smoother transition should be implemented to last a little bit longer to indicate the user has successfully clicked on the button!

TechEvolvace commented 2 months ago

The calculator button now looks more like 3D buttons on a calculator! The hover effect retains the appearance of a calculator button that has not been pressed yet, while the effect of a click on a calculator button mirrors the effect of pressing down a calculator button. These improvements help provide a 3D effect of the calculator on this project, but there should be an animation after the user has clicked on the button that should last longer than instantaneously to help better visibly show the user that they have successfully pressed on a calculator button.