show and hide elements - please help

[liso...@gmail.com]

Hello,

I am trying to do animations with google web designer.
Problem is each element starts always from 0 seconds. And the only way to show/hide is with opacity with an easing.

How do I make elements appear at different times in the timeline?

Is there a way to specify an element is just hidden at the start, and then it shows up at a certain time?

Please help

Arturo

[micsun-al]

Here are a couple of options...

Option A: Opacity

1. Right click on the timeline and add two key frames.
   
2. You should now have 3 key frames total (including the initial key frame at time 0:00).  The second key frame should be when you want the object to start fading in, and the third key frame would be when you want the fade to complete.
   
3. Open the Properties panel.
   
4. Set the first key frame (at 0:00) to have opacity 0.
   
5. Set the second key frame to have opacity 0.
   
6. Set the third key frame to have opacity 1.
   

Option B: CSS "display"

1. Right click on the timeline and add a key frame where you want your element to appear.
2. Select your first key frame.
3. Open the CSS panel.
4. Set the following css on the element.style ----> display: none
5. Select the second key frame.
6. Set the following css on the element.style ----> display: block
   

There are many other ways to have an element transition in including interpolating the position, width/height, transform, changing the visibility, etc.

[visio...@gmail.com]

Every time I set the display in one key frame, it affects the other key frame. There really needs to be a simple "display" checkbox. Edge handles this very well.

[sickint...@gmail.com]

Happend to me as well. Edge was way better i think, so sad its been discontinued.

[San Khong]

Please see my post on this topic.  It shows a couple ways that you can do this. We heard you about this request and will look at implementing it in the future.

Thanks,

San

Google Web Designer team