Wrong animation on your website!

Hi,
I noticed this bug. This is linked to the latest version of Firefox that changed its interpretation on CSS3 animations.

Unfortunately, I think it is impossible for me to do anything there…

Do you think a possibile solution is check browser type/version and disable css3 animation?

Try this by copying into Custom CSS field:

.wpc-YOUR-WEATHER-ID {
/*CSS transitions*/
-moz-transition-property: none !important;
/*CSS transforms*/
-moz-transform: none !important;
transform: none !important;
/*CSS animations*/
-moz-animation: none !important;
}
Let me know if it works…

Thanks, it works.
but it is a pity, the plugin is very nice and expecially for its animations, seriously you cannot fix your plugin scripts to make it work? Firefox is a very popular browser…

I’m working on it. If I find a solution, I’ll push an update ??

Hi,

I visited my website this morning and I noticed a bug on firefox.

And thanks, it works for me too ! When the update will be available to fix the problem available ?

Milène

I have made a quick fix to insert into your custom style.css :

#wpc-weather #sun g, #wpc-weather #sun path, #wpc-weather #sun rect, #wpc-weather #sun circle { -moz-transform-origin: 50px 50px !important; }
#wpc-weather .climacon_iconWrap-sun .climacon_component-stroke_sunSpoke, #wpc-weather .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke { -moz-animation-name: none !important; }

It permits to preserve the animation in Firefox. I haven’t tested it deeply in all the responsive modes.

Thank to all contributors, the animations works fine now!
Please update ??