Styling ideas
- 50541507
- Mar 16, 2022
- 1 min read
Taking heavy inspiration from Valorant's buy menu, my buy menu's styling will be similar, and the greyscale theme will also carry on throughout the UI (inspired by CS:GO). I used the same Blueprint Animation technique I made in Project 2 for this button, however instead of animation both the hover and unhover states, I only animated the unhover state, with the hover state snapping instead of fading.

This made a problem however, where after unhovering the button, if you hover over it again before the unhover animation has finished, then it doesn't execute the hover state, which keeps the button in the unhovered state whilst being hovered over, which is definitely not a good thing.
To solve this, I simply just stopped playing the animation first thing before changing the colours of the elements in the button to make sure it reset when being hovered over, thus removing and solving the problem.




Comments