Free course recommendation: Master JavaScript animation with GSAP through 34 free video lessons, step-by-step projects, and hands-on demos. Enroll now →
The other day I stumbled upon this really beautiful grid design by Alena Orlova:
I love the details of the elements! As they call for being animated I went ahead and tinkered around with some hover effects which I want to share with you today.
I haven’t done any of these kind of hover effects in a while so it was a challenge to try out something fresh!
There are 3 slightly different hover effects, also direction-aware in the second example. The play with subtle skewing and filter effects gives a touch of WebGL magic 😉
Have a look:
I really hope you enjoy these little hover ideas and find them inspiring! Thanks for checking by!
