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 🙂
