Edge animation doesn't work in Chrome

If you have any code for your animation, make sure you use browser specific prefixes like -moz, -webkit, -ms, etc...

Yes, you can post your files for us to look at them and see if somthing can be done to make them work in Chrome. If you prefer you can pm me your link.

Right. The background does not load in Chrome for me. Any chance to see your code?

No, I cannot see the code. I see that the background slides off right away leaving a white background. Strange.

Hi, diehlang-

It would really help if you could post a ZIP of your entire project, assets included.  I definitely see that the background is loading, but is fading in opacity to 0% in the first second of the animation play.

-Elaine

Glad you have Elaine to the rescue!

Hi, Angela-

Your best bet is to upload your project to a service like Adobe SendNow, DropBox, or some similar service, and send me a link via private message.  Adobe's mail system blocks ZIP files.

Thanks,

-Elaine

Hi, Angela-

You should be able to cut/paste a link and send me a private message via this forum's messaging system.

-Elaine

Hey, Angela-

Sorry about the delay - I've been slammed on all sides.  I'll take a look really quickly right now...

-Elaine

Okay, I didn't get a Dropbox link.  Best thing to do is to click on my name and use the "send a private message" to open up a message box, then copy and paste the link into that box for me.

Thanks,

-Elaine

Hi, Angela-

I took a look at your project, and I suspect what you're doing is hitting Chrome's render stack limitation.  There is an incredible amount of transparency in every single one of your images (all of your cyclist's images are 1024x768), and I think if you crop each one of your cyclist's parts to as close as possible, everything will render on Chrome.  This becomes much more important on mobile, but given how many moving parts you have in your animation, you're hitting the desktop limitation as well.

We've seen this before in our previews, and I've just unarchived a response that I think will give you a little more understanding as to why this might be happening:

http://forums.adobe.com/thread/1054748?tstart=0

Hope that helps,

-Elaine

Hi, Angela-

Another thing to note is that Chrome already seems to have some performance problems while animating just the background.  I don't know if you've ever played with the Chrome Tools before, but they are really useful for analyzing both memory allocation as well as render issues.  I'm guessing the background is already pushing Chrome to where it's having performance problems.

-Elaine

Afterwards, did you have the chance to find the solution to this issue?
I am over a similar problem with Chrome. I've created a multiple composition which is not working in Chrome.
Any advice will be very much appreciated!

What's happening eventually is that when when resizing the browse window up above the 698px in height, the backgrounds start to disappear, starting with the sky as this is the first background in depth order, and then it keeps with the same behavior removing the rest of them while you keep resizing the browser window.

Here's the link to the website.: http://www.mvcreatives.com/fellini

Hello Elaine or Adobe Staff, elainefinnell

We are having a problem with an animation in Edge Animate involving transform and clipping.

Basically, the animation is clipped in Chrome when viewing it, while not in other browsers.

There is a known issue when filters are applied to transformed objects - which would then clip in Chrome.

Chrome: Clipping may occur in browser when a transformed element has a filter applied. (3494343)

Would it be possible for you to have a look to the project and tell us if we are doing something wrong.

As there are no filters, it seems whether an additional issue, or a problem with our project.

Thank you for your time and answer,

it would save us time in order not to find a workaround while letting down this specific animation.

Best,

C.