Firefox Community Forum

Hello, I made animations CSS on my web site and everything was working great on all browsers. I just see that it doesn't work anymore only in firefox...

here is my code:

/* -------------------------------------- */ /* ANIMATION ANE */ @keyframes mouvement-uniforme {

   0% 		{ animation-timing-function: linear; transform: translateX(-500px); }
   100% 	{ animation-timing-function: linear; transform: translateX(30px); }

}

@-webkit-keyframes webkit-mouvement-uniforme { 0% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(30px ) translateY(-2px ) rotate(-2deg); } 2% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(60px ) translateY(2px ) rotate(2deg); } 4% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(90px ) translateY(-2px ) rotate(-2deg); } 6% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(120px ) translateY(2px ) rotate(2deg); } 8% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(150px ) translateY(-2px ) rotate(-2deg); } 10% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(180px ) translateY(2px ) rotate(2deg); } 12% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(210px ) translateY(0px ) rotate(-1deg); } 14% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(240px ) translateY(1px ) rotate(1deg); } 18% { -webkit-animation-timing-function: linear; -webkit-transform: rotate(0deg) translateX(240px) translateY(2px ); } 24% { -webkit-animation-timing-function: linear; -webkit-transform: rotate(1deg) translateX(240px) translateY(-2px ); } 28% { -webkit-animation-timing-function: linear; -webkit-transform: rotate(0deg) translateX(240px) translateY(3px ); } 32% { -webkit-animation-timing-function: linear; -webkit-transform: rotate(0deg) translateX(240px) translateY(-1px ); } 34% { -webkit-animation-timing-function: linear; -webkit-transform: rotate(1deg) translateX(245px); } 36% { -webkit-animation-timing-function: linear; -webkit-transform: rotate(0deg) translateX(-2px); } 38% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(-2px) translateY(2px ); } 40% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(-245px); } 42% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(-245px) rotate(1deg) translateY(-2px ); } 43% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(-245px) rotate(-3deg); } 100% { -webkit-animation-timing-function: linear; -webkit-transform: translateX(0px); } }

@-moz-keyframes moz-mouvement-uniforme { 0% { -moz-transform: translateX(30px ) translateY(-2px ) rotate(-2deg); } 2% { -moz-transform: translateX(60px ) translateY(2px ) rotate(2deg); } 4% { -moz-transform: translateX(90px ) translateY(-2px ) rotate(-2deg); } 6% { -moz-transform: translateX(120px ) translateY(2px ) rotate(2deg); } 8% { -moz-transform: translateX(150px ) translateY(-2px ) rotate(-2deg); } 10% { -moz-transform: translateX(180px ) translateY(2px ) rotate(2deg); } 12% { -moz-transform: translateX(210px ) translateY(0px ) rotate(-1deg); } 14% { -moz-transform: translateX(240px ) translateY(1px ) rotate(1deg); } 18% { -moz-transform: rotate(0deg) translateX(240px) translateY(2px ); } 24% { -moz-transform: rotate(1deg) translateX(240px) translateY(-2px ); } 28% { -moz-transform: rotate(0deg) translateX(240px) translateY(3px ); } 32% { -moz-transform: rotate(0deg) translateX(240px) translateY(-1px ); } 34% { -moz-transform: rotate(1deg) translateX(245px); } 36% { -moz-transform: rotate(0deg) translateX(-2px); } 38% { -moz-transform: translateX(-2px) translateY(2px ); } 40% { -moz-transform: translateX(-245px); } 42% { -moz-transform: translateX(-245px) rotate(1deg) translateY(-2px ); } 43% { -moz-transform: translateX(-245px) rotate(-3deg); } 100% { -moz-transform: translateX(0px); } }

@-ms-keyframes ms-mouvement-uniforme {

   0% 		{ -ms-animation-timing-function: linear; -ms-transform: translateX(-500px); }
   100% 	{ -ms-animation-timing-function: linear; -ms-transform: translateX(0px); }

} @-o-keyframes o-mouvement-uniforme {

   0% 		{ -o-animation-timing-function: linear; -o-transform: translateX(-500px); }
   100% 	{ -o-animation-timing-function: linear; -o-transform: translateX(0px); }

}

.position { position: relative; top: -200px; left: -280px; float:left; }

.bouge { animation: mouvement-uniforme 60s ; -webkit-animation: webkit-mouvement-uniforme 20s ; -webkit-animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; -webkit-animation-duration: 15s; -webkit-animation-delay: 0s; -webkit-overflow-scrolling: auto!important;

-moz-animation: moz-mouvement-uniforme 20s; -moz-animation-iteration-count: infinite; -moz-animation-fill-mode: forwards; -moz-animation-duration: 15s; -moz-animation-delay: 0s;

-ms-animation: ms-mouvement-uniforme 10s ;

-o-animation: o-mouvement-uniforme 10s ; }

It was working fine before on firefox. it works on other browsers (opera, Edge,..) Do something changed? it's a long time that i didn't chek it so...

this is the page where a donkey should appear at the bottom of the page:

https://www.campingnoroc.com/en/our-campsite/

Thanks a lot for your help!!

Hello, Mozilla Community I'm contacting you to request assistance with a Mozilla Firefox issue that I'm experiencing when trying to access the following website: https://themonak.com/www-bageltechnews-com/. I'm not sure if there's a bug in the website, if it's incompatible with some browsers, or if the browser is blocking anything, but it won't load.

Does anyone else have experience with this issue or suggestions for a solution? I've tried clearing my browser's cache and deleting extensions, but the problem persists.

I would appreciate any guidance or thoughts on making the website easier to use. I appreciate your help in advance.

When attempting to load a number of different web pages such as Quickbooks Online Apps, the page displays "Loading Apps..." with a spinning wheel, but never redirects to the Apps page; the site hangs forever. On other browsers there are no issues; it eventually switches to the correct page. In Firefox Browser I have tried adding exceptions in Settings --> Privacy & Security --> Manage Exceptions. No change. Thoughts?

A recent set of system updates appears to have made most website videos not play in Firefox.

When I inspect the Developer Tools - > Console tab the most detail Firefox gives are an error line similar to: Media resource URL could not be decoded, error: Error Code: NS_ERROR_DOM_MEDIA_METADATA_ERR (0x806e0006)

Internet searches for the error name and error hex do not appear yield any applicable troubleshooting, nor any methods of collecting additional problem data.

How can I obtain more detail on where the error is happening and how Firefox might be interacting with other packages present on my system?

Arch Linux has some older ffmpeg-compat packages, but those don't appear to match any of the web results, in that they're even older versions of ffmpeg.

yay -Ss ffmpeg-compat aur/ffmpeg-compat-55 2.3.6-4 (+24 0.00)

   Compatibility package for ffmpeg to provide versions 55 of libavcodec, libavdevice and libavformat, not anymore provided by the ffmpeg package

aur/ffmpeg-compat-54 1.2.12-4 (+87 0.00)

   Compatibility package for ffmpeg to provide versions 54 of libavcodec, libavdevice and libavformat, not anymore provided by the ffmpeg package

Hi, I am having some trouble with Mozilla Firefox version 127.02 on a Windows 11 PC. Certain websites do not load, for example, travel.state.org, which is a website to know the requirements to travel to the United States. However the site loads without any trouble on my Android phone, and on other browsers such as 'Microsoft Edge'. Can someone help me with this situation? Thank you this would be very much appreciated.

Hi all 👋 I'm using the Universal Credit website - https://www.universal-credit.service.gov.uk When I receive a message, sometimes there's a radio button to "Reply", which initially opens in the center of the page as normal, but as soon as I place the cursor in the box, it shoves it off to the side and shrinks it. This has been going on for a while, but as I found work for the last 6 months, I haven't been interacting with the site. I had to reply this morning and had the same issue, so I thought to try opening it in Chrome and had no such issue.

Before I go down the Nuclear route with the "Refresh" option, as I have enough on my plate already, does anyone understand this issue and have any idea for a fix for me, please?

Firefox is set to auto-update and reports that it is up-to-date. 128.0 (64-bit) The same for the Windows install Edition Windows 10 Home Version 22H2 Installed on ‎22/‎03/‎2022 OS build 19045.4651 Experience Windows Feature Experience Pack 1000.19060.1000.0

On gmail "https://mail.google.com/mail"

I am already logged into my main account, when I click on my profile picture in the top right in order to add accounts/sign into other gmail accounts, I get this error:

"403. That’s an error.

We're sorry, but you do not have access to this page. That’s all we know."

I tried clearing cookies and no help.

Bare in mind this is on a fresh firefox install on a new desktop, I have been using firefox on my other desktop with no gmail issues like this.

With the exception of the Home and Catalog pages in the yotsuba theme, all boards default to black and only on Firefox, not Safari or Chrome browsers.

Any idea how to fix this? I'm looking to get back my default Yotsuba theme.

Using Firefox on windows 10 pro, 64 bit

Since updating to Firefox 125.0.3 (64 bit) , I am getting all sorts of website problems with font sizes. Some are all extremely small like on google news, others have widely mixed sizes, extremely large and extremely small. Even on this page, support.mozilla.org, I have to zoom 250% to make it readable.

I tried troubleshoot mode and there is no difference. The problems are still there.

I tried the Edge browser and the problem is not there.

I didn't have this problem before the update. I tried adjusting windows and the screen dpi, but I can't find a solution. Just seems to make things worse.

Anyone else having this problem? Any suggestions for a solution ?

Recently I used the forgot about this site for reddit, but when I try to click on a link from either my bookmarks or from a web search I keep on getting. [The page isn’t redirecting properly Firefox has detected that the server is redirecting the request for this address in a way that will never complete. This problem can sometimes be caused by disabling or refusing to accept cookies.]

Not exactly sure what causes this or how to fix it.

For some reason Montserrat fonts ignore font-weight for me on all websites. In happens on my main browser profile, with a new clean one with no add-ons and even in Tor Browser. Pictures 1 and 2 illustrate the problem. If i go into page inspector and replace "font-family: 'Montserrat', sans-serif;" with "font-family: 'Segoe UI';" the parameter works as expected and the alternative font is rendered properly.

Reinstalling fonts from fontsource.org didn't help.

OS: Windows 10 1607, FF - 120.0, issue was present for many versions before.

about a month ago youtube was only letting me watch videos in 720 or 360, as of about a week ago i only have 360. i've disabled every single extension i have and i have firefox version 127.0.2.

i'm not having this issue in edge, so i assume it's firefox specific. anyone know what's going on or what i can do?

DEAR SUPPORT!! STILL CANT LOG IN IN ALI-EXPRESS :// I DID ALL THE STEPS! DISABLE PRIVACY BADGER & ADBLOCK PLUS AND I CLEAN ALL THE COOKIES FROM ALI-EXPRESS! BUT STIILL NO LUCK :(( HERE I MADE YOU A CLIP SO U CAN SEE THE PROBLEM. DAMMM ONLY PICs HMMM?! OK I UPLOAD IT TO YOUTUBE SPECIALLY FOR YOU!!! HERE IS THE LINK : https://youtu.be/Cz2Q263CJe4 HOPE THIS HELPS

Hey there, so on this page there is a video element inside of a div. Both the div and video have a border-radius styled in css. This renders as expected on most browsers, but seems to have a potential issue on Firefox on Widows 10 where the video does not have the border-radius and shows up with square edges. Any thoughts on this? If you try other browsers or Firefox on anything besides Windows 10, it is round like expected.

https://www.flipindustries.tk/games/hopandbop/

The layout on the Roblox website, https://www.roblox.com Has appeared to break, I've seen the website on Google chrome and Microsoft Edge and it's good to go. I am not aware as to how this has happened. I have disabled every Addon I have, This issue is not caused by the Addons I have installed.

CTRL + F5 has Fixed My Issue! Thank You cor-el!

Starting today I am finding it extremely hard to login to some websites. All Firefox does is just sit with a spinning circle after entering a user name and it locks up the browser to a point the I have to go to the Task Manager to stop the FireFox process. I have restarted my computer and refreshed FireFox. I have scanned my computer for malware using Norton 360, Malwarebytes, MSERT, and Windows Defender and all negative. I am having no trouble signing in to a site like https://my.account.sony.com using Edge but using FireFox now is impossible. This needs to be fixed.

I get this message when trying to access this site: "We can’t connect to the server at www2.optumrx.com"

I can then go to another browser, like Edge and I have no problem accessing the site. I am using a Windows 11 Lenovo computer running Firefox 120. This problem just started to occur.

this is definitely a unique issue i have not ever had, LOL

i'm running into a very strange issue where only the roblox page is not loading properly. everything else seems to work just fine; trying to load roblox on google chrome works fine too! ive turned off my extensions and run it in troubleshoot mode, i've updated the browser and my pc and my drivers, nothing seems to want to fix it. i'm not very sure what's going on. it's very funny, but definitely troublesome- the website is not navigatable in this state.

it randomly popped up like this last night, i was under the impression roblox itself was down because my friend in the call at the time had been talking about how slow the site is. upon digging deeper and asking around, nobody else is having the issue i'm having so i'm lead to believe its a me issue

Greetings, Mozilla Community I'm reaching out to you to get assistance with an issue I'm having with Mozilla Firefox when trying to access the following website: https://strandsgamenyt.com/ I'm not sure if there's a bug in the website, if it's incompatible with some browsers, or if the browser is blocking anything, but it won't load.

Does anyone else have experience with this issue or suggestions for a solution? I've tried clearing my browser's cache and deleting extensions, but the problem persists.

I would appreciate any guidance or thoughts on making the website easier to use. I appreciate your help in advance.