Why i can't use easing for show/hide on hover interaction?

pzhydkykh · December 12, 2018, 9:04pm

Hello community!
Tell me please, why i can’t use easing for show/hide on hover interaction?

pzhydkykh · December 12, 2018, 9:19pm

I want to do link animation like on the first example from here

Can somebody help me, please?)

PeterDimitrov · December 13, 2018, 8:47am

Hello @pzhydkykh

I will record my approach and I will share the link here

Give me 10 min.

Piter

PeterDimitrov · December 13, 2018, 9:00am

Here’s my approach > https://www.useloom.com/share/423897e54eed49239935f542fc91a062

I’m using interaction > Mouse Hover. There’s a lot of easing options there.

Hope this helps

Piter

dram · December 13, 2018, 9:42am

Because show/hide is a condition for changing display option. You cannot ease from display:block to display:none for example. But if you want to achieve fade in and fade out when changing display modes you will have to also use opacity triggers and first reduce opacity and THEN make the use of show/hide triggers.

pzhydkykh · December 13, 2018, 10:16am

Fantastic! it is invaluable. Thank you very much!

PeterDimitrov · December 13, 2018, 10:28am

No problem

Happy to help!