Site icon Make Noise

Grid Item Hover Effect | Codrops

[ad_1]

Three hover effects based on a grid design by Alena Orlova.

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:

https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2023/09/griditemhover.mp4?x39121
https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2023/09/griditemhover02-1.mp4?x39121

I really hope you enjoy these little hover ideas and find them inspiring! Thanks for checking by!

[ad_2]

Source link

Exit mobile version