Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Avatar for Username

Αναζήτηση στην υποστήριξη

Προσοχή στις απάτες! Δεν θα σας ζητήσουμε ποτέ να καλέσετε ή να στείλετε μήνυμα σε κάποιον αριθμό τηλεφώνου ή να μοιραστείτε προσωπικά δεδομένα. Αναφέρετε τυχόν ύποπτη δραστηριότητα μέσω της επιλογής «Αναφορά παραβίασης».

Μάθετε περισσότερα

Animation-Timeline CSS property not working on Firefox

  • 1 απάντηση
  • 0 έχουν αυτό το πρόβλημα
  • 41 προβολές
  • Τελευταία απάντηση από Mark

Gamicord
Gamicord
more options

I used the CSS animation property called animation-timeline , which is written as:

element{ animation-time: view(); }

When I view the webpage on Chrome, Edge, Opera, and even on Phoenix browser, the animation works.

It is only on Firefox that the animation does not work. I even added the Vendor-prefix of " -moz-animation-timeline " to the CSS property, and it still didn't work on Firefox, while it is working on all other browsers.

The CAN I USE website ( https://caniuse.com/?search=animation-timeline ) tells me that Firefox does not support it at all.

It however said that I can enable it, by setting "layout.css.scroll-driven-animations.enabled" to true.

1.) I don't know what that means.

2.) Would my website's users be able to see the animation on their Firefox browser, if we assume that I make this setting ?

3.) I am using Firefox version 138.0.3 (64-bit) : What can I do to see that both I and users of my website are able to see this animation on Firefox ?

Regards.

I used the '''CSS animation property''' called '''animation-timeline''' , which is written as: element{ animation-time: view(); } When I view the webpage on Chrome, Edge, Opera, and even on Phoenix browser, the animation works. It is only on Firefox that the animation does not work. I even added the Vendor-prefix of " '''-moz-animation-timeline''' " to the CSS property, and it still didn't work on Firefox, while it is working on all other browsers. The '''CAN I USE''' website ( https://caniuse.com/?search=animation-timeline ) tells me that Firefox does not support it at all. It however said that I can enable it, by setting "layout.css.scroll-driven-animations.enabled" to true. 1.) I don't know what that means. 2.) Would my website's users be able to see the animation on their Firefox browser, if we assume that I make this setting ? 3.) I am using Firefox version 138.0.3 (64-bit) : What can I do to see that both I and users of my website are able to see this animation on Firefox ? Regards.

Όλες οι απαντήσεις (1)

Mark
Mark
more options

The "layout.css.scroll-driven-animations.enabled" is a preference set by the user in about:config. It is not something websites can set. If a user set this preference to true in about:config, they should be able to see the animation-timeline.

Below, I have attached a description from https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline#browser_compatibility.


WARNING from the moderator team: Changing Firefox preferences from the about:config page can sometimes break Firefox or cause strange behavior. You should only do this if you know what you're doing. Please read Firefox advanced customization and configuration options to learn more.

Τροποποιήθηκε στις από τον/την Paul

Χρήσιμο;

Υποβολή ερώτησης

Πρέπει να συνδεθείτε στον λογαριασμό σας για να απαντήσετε σε δημοσιεύσεις. Ξεκινήστε μια νέα ερώτηση εάν δεν διαθέτετε ακόμα λογαριασμό.