Roll-over Effects with slow fade in

Q&A about the latest versions
Post Reply
wiso
Posts: 115
Joined: Wed Oct 26, 2016 6:52 pm

Roll-over Effects with slow fade in

Post by wiso » Thu Dec 14, 2017 3:48 pm

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 24 times
thanks,
wiso

User avatar
Hopki
Gnome
Posts: 8060
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Re: Roll-over Effects with slow fade in

Post by Hopki » Sun Dec 17, 2017 8:29 pm

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

wiso
Posts: 115
Joined: Wed Oct 26, 2016 6:52 pm

Re: Roll-over Effects with slow fade in

Post by wiso » Sun Dec 17, 2017 10:35 pm

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

User avatar
Hopki
Gnome
Posts: 8060
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Re: Roll-over Effects with slow fade in

Post by Hopki » Wed Dec 20, 2017 4:01 pm

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

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest