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.
over 3 years ago
Win! Love: selected, shadows, drilled bg, tag...
I love the gradient on the border. Nice touch.
almost 2 years ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter