Page 1 of 1

Roll-over Effects with slow fade in

Posted: Thu Dec 14, 2017 3:48 pm
by wiso
hallo,
i made a "rollover-effect" as shown in this video.

works well. but is there a possibility to make a gentle transition. a slower fade in when i hover over the hotspot.
vlcrecord.mp4
(1.46 MiB) Downloaded 165 times
thanks,
wiso

Re: Roll-over Effects with slow fade in

Posted: Sun Dec 17, 2017 8:29 pm
by Hopki
Hi wiso,
Looks like your using show and hide.
If you have visible selected but then use Alpha, so start with Alpha 0 and on mouse over Change Element Alpha to 1.
This takes about 0.5 seconds.
If you use a variable and then a logic block you can then set the transition time.
Regards,
Hopki

Re: Roll-over Effects with slow fade in

Posted: Sun Dec 17, 2017 10:35 pm
by wiso
thank you hopki,
i forgot the link. i made it with this instruction:

https://youtu.be/-UNLrIDsVVQ

can you short describe me the other way with logic blocks?

best regards,
wiso

Re: Roll-over Effects with slow fade in

Posted: Wed Dec 20, 2017 4:01 pm
by Hopki
Hi wiso,
If you add a variable to the skin, say popup, true/fale set to false
Then for the element you want to fade in and out add a Alph logic block and set trigger *popup, = true Apla 1.00
Then set transition time to however many seconds you want.

Then the element to will show and hide will have ether action, mouse enter, set variable value popup top true, mouse leave set variable value popup to false.
Regards,
Hopki