Streaming live at 10am (PST)

Jello emphasis interaction on rotated image?

Hi all!

I’m trying to add the “jello” emphasis interaction when a user hovers over a rotated image on my site.

However, once the ‘jello’ effect completes, the image returns to 0 degrees rotation (the original image rotation is 9 degrees).

I’ve tried adding a ‘hover out’ rotation interaction, but it weirdly stops the jello effect halfway through the animation…

Here’s my read-only link: https://preview.webflow.com/preview/teagues-wondrous-project?utm_medium=preview_link&utm_source=designer&utm_content=teagues-wondrous-project&preview=3f7cf39248d024ed8c6be23c2a9cb5d8&mode=preview

Any ideas on how to fix this? Really appreciate it in advance :blush:

Thanks!

1 Like

@tinkitob

Can’t see your read-only link. Can you share again ?

Piter :webflow_heart:

@PiterDimitrov

Sorry! Hopefully this one works :slight_smile:

https://preview.webflow.com/preview/teagues-stellar-project?utm_medium=preview_link&utm_source=designer&utm_content=teagues-stellar-project&preview=3ab7665d53d892b6263f302984beaa53&mode=preview

1 Like

Not sure if this is the best way, but check the video > https://www.loom.com/share/a0e51108182a4a98914b7fe1f077adc6

You can use only on hover on.

Piter :webflow_heart:

1 Like

you da real MVP :heart: this worked! thank you so much!!