Project Mouse States

Shot 1276491807

This will be what my portfolio grid page will look like. The top image with the blue border is the "selected/active" state, and the bottom one is a "hover" state. The image slides up to reveal the title and metadata.

The blue border is drawn entirely with an HTML5 canvas and placed in the DOM over the image on a click event. This way, the selection can be any size and remain pixel-perfect.

  • 318 views
  • Icon shotstat like
  • Icon shotstat drop

More from Drew Yeaton

  1. Project Reciprocity 003
  2. Project Reciprocity 002
  3. Project Reciprocity 001
  4. Transport Audio Plugin UI

Tags

keyboard shortcuts: L or F like post comment