gui-challenges
gui-challenges copied to clipboard
Game menu
We can also add something like
.menu-3d .button-set-3d > li:is(:hover, :focus-visible):not(:active) {
--menu-3d-distance: 3vmax;
}
.menu-3d .button-set-3d > li button:not(:active) {
transition-timing-function: var(--menu-3d-bounce-ease);
transition-duration: 0.4s;
}
to reduce glitch when button popus up and automatically loses focus) When we move the mouse relatively slowly.
Mostly relates to top most and bottom most buttons)
oh like this mitigates the hover effect that move the button in or out of the mouse's hover target zone? able to make a codepen or video that compares them for me?
Will try to