Hi all,
Has anyone managed to do the following hover effect?
- I hover over my name
- The image /or gif is displayed
Thanks,
Hi all,
Has anyone managed to do the following hover effect?
Thanks,
I’ve not made one - but think you could achieve it quite easily with Interactions
Thanks!
Getting stuck here:
‘Choose ‘show’ and change it’s target to the image element.’
How do I do that part?
Sorry I’m still fairly basic with webflow
Hi @ryan585
Looks like you are 50% there, and you’ve got the change target thing going!
Just needs a hover out (presuming you want it to disappear when hovered away from the ‘Ryan’ ?)
A quick way to do that is on the next panel ‘On Hover Out’ duplicate that first animation, (let’s rename it ‘vanish’) then just change the image back to hidden.
Make sure 1 is set to hover in and ‘vanish’ is set to hover out and you are good to go.
Here’s some screenshots:
Thats brilliant - thanks for your help!
I noticed I couldn’t add any easings? Do you know why?
Ah, if you need easings you could approach it in a different way using Opacity 0-100% with a delay/easing to suit