How do I stop an animation from keyframing / easing?

[lexpro...@gmail.com]

Hello.

I want to do the most basic thing and can't seem to work out how to! I want to have NO transition between images I'm using. I want one image to cut to the next. But as soon as I change the opacity settings Web Designer automatically animates the transition with an easing curve. How do I get rid of the transition so the cut is immediate and abrupt?

I'm sure I'm missing something incredibly obvious!

Thanks!
Dan

[Mariko Ogawa]

Hi Dan,

I can think of one way of doing this is that you set an element visibility:hidden from CSS panel.

So, for the entire animation, you can't see the element.

Insert a timeline event marker (a diamond icon) at where you would like to have the element appear, then set the event by double-clicking the diamond.

page1>event-1>Set styles>your element id>, at configuration, add visibility:visible and set NO easing. In this way, when you preview the animation on a browser, the element suddenly appears at where you set visibility:visible style.

I don't know if this helps to achieve what you try to do, could you try it and let me know?

Thanks,

Mariko (GWD team)

[lexpro...@gmail.com]

Hi Mariko,

Thanks for your reply. that sounds like it would work. Unfortunately I'm a novice and not sure how to do all the things you describe.

I set the visibility to hidden using the Eye symbol on the animation timeline. Then I created one of the diamond markers. I double clicked it and went to:
page 1 > event-1 > Add Custom Action

Here there is an entry box after 'gwd.' and before '= function (event) {'. I added the image name "image_2"

In the entry box I added 'visibility: visible'

I'm not sure how to tell it no easing?

This sounds like it would work but I can't believe it's not easier to do this?!

Google is forcing people to do cheesy dissolves!!

[scott.sc...@gmail.com]

is there a preferred way to set animations in the css tab? I feel like 80% of the time it doesn't work, or applies it throughout the entire layer timeline and not just for that keyframe.

[l.sal...@moskitodesign.it]

I feel the exact same way

[lou]

did you find an easy solution?