@oroszlanolo
Posted
Hi! Even though it is a nice solution, I would recommend two things that are not much effort, but would still improve the user experience greatly:
Add cursor: pointer;
to your buttons, so the user knows it is clickable.
Also, you can make it pop a bit just by adding the following to the game buttons:
.your-btn:hover {
transform: scale(110%);
transition: transform 250ms;
}
The other thing is the big circle shadows around the winner. You cannot use colors that match the backgrounds, since the background is a gradient. Just use translucent colors using rgba().
I hope I did help :)
Marked as helpful