You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am trying to implement this effect in my react-app.
By looking at all the examples on code sandbox, it was appearing like it would be very easy to implement this attract-hover effect with use-gesture but I tried for quite some time and wasn't able to achieve it. I could be wrong but for us to achieve this effect, we need to combine the:
Then we can add very small bounds and rubberband effect at the end to give it that sticky feeling if we want.
The attract-hover looks nice and probably will look even better with react-spring, if there is any way to achieve it easily with use-gesture then I'll be very thankful.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
I am trying to implement this effect in my react-app.
By looking at all the examples on code sandbox, it was appearing like it would be very easy to implement this attract-hover effect with
use-gesture
but I tried for quite some time and wasn't able to achieve it. I could be wrong but for us to achieve this effect, we need to combine the:onHover
onMove
onDrag
bounds
andrubberband
effect at the end to give it that sticky feeling if we want.The attract-hover looks nice and probably will look even better with
react-spring
, if there is any way to achieve it easily with use-gesture then I'll be very thankful.Beta Was this translation helpful? Give feedback.
All reactions