Posted 02.29.2012 @ 8:18 pm by Barry H.
342 views 0
I had read about a javascript multi-direction hover design pattern a few weeks ago via veerle’s blog, but at the time had a difficult time understanding how it could be potentially useful and/or interesting in implementation. Why, I wondered, would you want the hover state to be different depending upon the direction in which you entered the rollover?
Then today while browsing designs on creattica, I clicked through to The Agency WordPress Theme which has implemented the pattern quite well. Roll over any of the thumbnails to see that the associated text animates in from the side of the thumbnail on which your mouse cursor originated, and animates out opposite the direction your mouse leaves. While the effect does not really serve a functional purpose, (it’s a fairly simple an innocuous enhancement) I think it really adds a nice finishing touch.


























