For our latest theme we've developed a custom thumbnail rollover effect. The effect was designed to give the user the feeling that the link icon was following their mouse pointer throughout the portfolio grid.
The effect works by sensing which side the mouse has entered the image area and the link icon then animates into the center, starting from that side. Likewise when the mouse pointer leaved the thumbnail area, the icon follows it out in the same direction the mouse left. When used across a grid of images, the "follow" effect is best observed.
Demo the effect here in our latest WordPress theme: "Mentor"
keyboard shortcuts: ← previous shot → next shot L or F like Z toggle zoom
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–2015 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.