HELP - Can 2 events be added to the same property?

16 views
Skip to first unread message

AliDesign

unread,
May 17, 2016, 6:40:58 AM5/17/16
to Google Web Designer beta
I've created a box with a tab at the top and am trying to add events to it - I want to make the box alternate between moving up and down when clicked/hovered over or even to move up for 2 seconds and then move back down when clicked - see image attached/below.



When I add 2 events adjusting the same properties they seem to cancel eachother out. The only way I have been able to make this work is by adding an event to the box to make it move up and then adding a tap area to a 'close' section of the box to change the opacity to 0. I need the box/tab to always be visible so the opacity change is not a solution I can get passed. I've also tried adding 2 tap areas, separating the tab and the box and also creating a mouseover but no luck.

Can anyone help? I've been at this for so long :(
MT_terms.jpg

Google Web Designer beta

unread,
May 17, 2016, 1:01:58 PM5/17/16
to Google Web Designer beta
Hello,

I tried to simulate your scenario, and created a sample file.

Basically, I set a button (blue rectangle) which should play the box animation on click. Over it, there is a tap area component which should also go back to the fist keyframe where the box is closed.
I changed CSS visibility setting for the tap area between the first keyframe and the last keyframe. When the tap area is hidden, that tap area event is not triggered.

Please let me know if you can apply this to your scenario.
If it doesn't help,  please send us your source file to gwd-s...@google.com

Thanks,
Mariko - Google Web Designer team
0.zip
Reply all
Reply to author
Forward
0 new messages