Roll-over Effects with slow fade in

Q&A about the latest versions
Post Reply
wiso
Posts: 281
Joined: Wed Oct 26, 2016 6:52 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 162 times
thanks,
wiso
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

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
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
wiso
Posts: 281
Joined: Wed Oct 26, 2016 6:52 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: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

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
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Post Reply