CSS3 animation-play-state not working correctly

Fixed Issue #11864927


Chris C.
May 2, 2017
This issue is public.
Found in
  • Microsoft Edge
Found in build #
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Please see this example… http://codepen.io/danwilson/details/rOMdYO

It works in Chrome, Firefox etc, but in Edge the dot does not pause.

It seems that animation-play-state is not supported.

Even with the following vendor prefixes, it is ignored.

#myelement:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-ms-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;


0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Status to “Fixed”

    • Hello,

      Thank you for providing this information about the issue. We are pleased to report this feature is fixed in Edge 15063 and is available in our latest Creator’s Update build.

      Best Wishes,
      The MS Edge Team

    You need to sign in to your Microsoft account to add a comment.

    Sign in