Button rollover effect

714 views
Skip to first unread message

giddym...@gmail.com

unread,
Jul 22, 2015, 9:28:17 PM7/22/15
to Google Web Designer beta
I am setting up a simple banner and had a quesiton.

I would like to set up a simple animation to play when the mouse rolls over a CTA button.

I have an event set up to pause the timeline once the animation is complete.

I have a tap area set up and an event tied to it that does a GoToAndPlay to a label I have on the timeline.

Everything works fine.

BUT

How do I set up the tap area to ONLY perform the GoToAndPlay if the playhead has hit the pause event on the timeline after the animation is finished?

Right now, if I rollover the taparea before it reaches the end of the animation it calls the GotoAndPlay event and skips the rest of the animation.

Any ideas how to set this up?

micsun-al

unread,
Jul 24, 2015, 2:01:51 PM7/24/15
to Google Web Designer beta, giddym...@gmail.com
Maybe something like this?
  1. Create an event on the first frame of the animation, and make it set the CSS of the tap area to - pointer-events: none
  2. Create an event on the last frame of the animation (or reuse the event that pauses the timeline), and make it set the CSS of the tap area to - pointer-events: auto
Does that work for you?
Reply all
Reply to author
Forward
0 new messages