Website Tweak: Interaction
Some of you may have already noticed, but I've begun making some minor tweaks to my site to make it more interactive. In order to help show what elements on the pages can be clicked/interacted with, there is now a hover effect to mimic the element rising towards you while the cursor is over the item. After the cursor is moved, the element will transition back down to it's normal level and shadow.
This effect is very similar to some of Google's work, including Google Play Music, and I think it adds a nice touch. For now, I have it only on image blocks and the Flipboard magazine links that are on my social page. I've considered adding them to the embedded office document viewers as well, but I'm not sure what that experience would be like since they aren't simply clicked like the other elements. (Plus, on a side note, I'm busy trying to figure out how to get rid of the border around the PowerPoint viewers...if anyone knows, please let me know).
The hover effects are now in my CSS post so you can see how they're implemented.
If you have recommendations for other ways I can improve the visual interactions on my site, let me know in the comments!