6 ms·

Riot Games' old website had a super satisfying hover effect for their menu button (top left -- you'll have to close the Wayback machine bar with the close icon

• CreepGin 4y ago
  Very nice example of texture animation driven by css transitions. I'm a game dev. After Unity began to support css transitions, I found myself doing more and more flipbook stuff to really give existing UI elements that extra punch. A recent example: https://vimeo.com/718225603 https://vimeo.com/718225603
• Wowfunhappy 4y ago
  This one is great! I just wish there were a handful more animation frames, it's a tad choppy. Heads up, you can add `if_` after the date in a web archive link to show it without the header. I.e. https://web.archive.org/web/20210301032806if_/https://riotgames.com/en https://web.archive.org/web/20210301032806if_/https://riotga...
  • HWR_14 4y ago
    Neat tip, thanks!
• exclipy 4y ago
  Why does the hover effect not happen if I hover the ▼ part of the button though? It makes it seem like icon and the ▼ do different things.