Chrome 61.0.3163.79

Dear Intelektual,

Thanks for bringing this to attention.

We are testing the plugin on the new version of Chrome.
Will get back to you as soon as we have any updates.

I also have the same issue.

Animations stoped working in Chrome on PC after Chrome update, result was that all elements with animations were blank spaces on web page (opacity: 0).

I turn off the plugin but the shortcode is left inside my pages so for temporary fix until this is resolved I have done this CSS:

.eds-scroll-hidden, .edsanimate-sis-hidden {
    opacity: 1!important;}

so animation starts with full opacity.

I read something that Chrome dosen’t use webkit prefix anymoore, meybe has something to do with that?

I hope for quick fix.

• This reply was modified 7 years, 2 months ago by Madbox.

Thanks @eleopard & @mitjamadbox for temp fix,

have same issue on 4 sites, hope it’s a straightforward fix, love animate it!

Hi Guys,

We are working on a possible solution/workaround for this.
This change is chrome’s new release was not interpreted by us.

We’ll update you asap.

Hello All,

The new version of the plugin is just released.
Please update and the issue should be resolved.

Since the issue was too big, we did not get the time to thoroughly test it on every single animation. So in case you have any bugs, please feel free to report here.

The issue is caused due to what seems like a bug in the new version of Chrome. Its causing unexpected behavior of overflow property.

Hopefully, they will fix it in the future ??

Thank you!!!!!!!!

The latest plugin version has been installed, w’re using the latest chrome version and w’re using [animation_type= “flipInY”].
The 1st rendering ends up with all content and no animation.
The 2nd rendering (ctrl+f5) ends up with part of the content and no animation.

Looking out for the update

• This reply was modified 7 years, 2 months ago by Mike.
• This reply was modified 7 years, 2 months ago by Mike.

Dear Mike-nl,

Could you please share the link of the page where this issue is?

Also, we did release one more update (2.2.0) about an hour ago, please make sure you have that installed. It was specifically related to Flip Animations.

Hi Eleopard,

The site hasn’t been released yet (virtual environment) and we have 2.2.0.

More details:

-We combine Animate-It! with https://www.ads-software.com/plugins/hover-image-button. Hover-image hasn’t been updated for 2 yrs, but it works using this between [[edsanimate_start entry..] and [..[edsanimate_end]]:
[hover-image-button title=”top” subtitle=”line” link=”https://…” image=”https://…” alt=”img1″ width=”…” height=”…”]

-All browsers end up fine, except for the latest version of chrome. Chrome doesn’t animate and when waiting long enough she is able to render the title, the subtitle and the link and she skips the image.

• This reply was modified 7 years, 2 months ago by Mike.

Dear Mike-nl,

Please paste the complete shortcode, with both Animate It! and Hover Button included.

Hi,

Copyright issue..

Can you use this base:

[edsanimate_start entry_animation_type= “flipInY” entry_delay= “0.5” entry_duration= “1.0” entry_timing= “linear” exit_animation_type= “” exit_delay= “” exit_duration= “” exit_timing= “” animation_repeat= “1” keep= “yes” animate_on= “load” scroll_offset= “” custom_css_class= “”]
[hover-image-button title=”ANYTEXT” subtitle=”ANYTEXT” link=”URL” image=”https://DOMAIN/wp-content/uploads/X.jpg” alt=”X” width=”WIDTHFORX” height=”HEIGHTFORX”]
[edsanimate_end]

Hello Mike-nl,

Sorry but I still have not found any solution for this.
The behavior of Chrome is not as expected in case of Flip animations. It is however, working fine with Fade, Slide etc. effects.

One solution that I found working is, make the animation occur on scroll instead of load.
So in your animation shortcode, change
animate_on= “load”
to
animate_on= “scroll”
and this should make the animation appear as usual.

You can see this work-around working fine here:
https://animateitdemo.wpdevcloud.com/post-for-mike-nl/
I have added all 3 Flip animations with “Hover Image Button” that you are using.

Sorry for this issue,
these types of things are generally not expected with browsers like Chrome ??

Hi,

We thank you for that awesome piece ??

I’ve tried it with [animate_on= “scroll” scroll_offset= “75”], but it doesn’t work here with chrome.

We sure hope you can find another way around the wrong coding of chrome, cause the flip type is really the best.

Try setting scroll offset to a smaller value, maybe 1.
See if that works.

Unfortunately no result with 1.