4-Way Icon Follow Rollover Effect

Project tiles

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"
http://mentor.themes.pixelentity.com/portfolio-4-col/

  • 387 views
  • Icon shotstat like
  • Icon shotstat drop

More from pixelentity

  1. OneUp - Fullscreen Video Splash Page
  2. Surreal - Parallax WordPress Website - Portfolio
  3. Surreal - Parallax WordPress Website - Home
  4. Reversal - Horizontal One Pager

Tags

keyboard shortcuts: L or F like post comment