IDM 241 - Microinteractions Final

Unity Category Button - Unity For All Industries

  • Games
  • Find out why more than 50% of the world’s video games are made with Unity.

Triggers

  • Hovering over and off of the card
  • Clicking on the card
  • Hovering over and off of the image
  • Hovering over and off of the 'Level up your game' link at the bottom
  • Clicking on the 'Level up your game' link at the bottom

Rules - While Hovering

    On Hover:

  • Over the image or link: the cursor turns into a pointer
  • Over the image or link: the gray drop shadow turns to a bright blue and enlarges
  • On the image: the image enlarges slightly while the cursor is on it
  • On the image: Right under the image, a bright blue light appears and is animated to slide left to right
  • Over the card: the drop shadow turns blue and enlarges
  • The link turns to a darker blue
  • An underline slides in and eases out when hovering on and off the link
  • On Click

  • When clicked on, the link becomes a lighter blue
  • The card's drop shadow becomes a dark gray and expands
  • When clicked on, the card expands slightly

Loops & Modes

  • When hovering on the image, a neon blue light animates back and forth across the bottom border of the image