How to make animation when hover like this website?

I have question for the above website,
I wish I could know how to make all the eyes roll in the same direction when hover, thanks

That is pretty cool

It’s in the mouse hover interactions

You need to have the eyes and the background design of it
This background design will be placed on the circle div, which is your iris

Interaction 1
The mouse hover over viewport interaction must be on the hero section (which is 100vh)
Then you play with the setting to make the interaction work properly

Interaction 2
These are placed on the home button and contact us
When mouse hovers on it, the iris gets bigger

1 Like