How can we improve the Microsoft Edge developer experience?

Web Animations JavaScript API

A unified model for supporting animation and synchronization on the Web platform.

2,823 votes
Sign in
Sign in with: facebook google
Signed in as (Sign out)
You have left! (?) (thinking…)
Jonathan Sampson [MSFT] shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →


Sign in
Sign in with: facebook google
Signed in as (Sign out)
  • anonym commented  ·   ·  Flag as inappropriate

    Its really a shame that this is still just under consideration after over 4 years.

    Firefox is close to release a full support for this, I really thought the edge would make a cutting edge browser, but it seems this feature is kind of forgotten.

  • Anonymous commented  ·   ·  Flag as inappropriate

    Angular2 web animations will be based on this standard, while polyfilling for unsupported browsers.

    Please consider implementing this awesome standard.

  • Kevin Doughty commented  ·   ·  Flag as inappropriate

    I am un-voting for Web-Animations. The short explanation is I think you should wait for Houdini Properties and Values. The long explanation is naive optimism does not mean my desired features will get implemented.

    Relative animation could be built on their primitive methods. They helped me a lot in getting it working. But later they actually deleted the entire Web-Animations repo and started over. Surely this had nothing to do with my having left a github comment pleading for completion of one line of code which dubiously listed me as a contributor. I can't understand their reasoning for deleting the repo.

    Then the API completely fragmented. Now there are four different polyfills, but one spec. They introduced immutable classes to go along with their mutable ones, when I think it should have been only immutable to begin with. Groups were deferred to a nebulous Level 2 and additive support was dropped from the new polyfills, although they claim it is part of Level 1. So now I write my own rAF based animation from scratch.

    Houdini Properties and Values addresses the issue of property value change. In its apply function there is the possibility that animations could be triggered. Although deleted, this is mentioned in a comment of an earlier draft. Since they declined to provide a way to automatically convert from absolute to relative values, additive transitions will not be possible without this. Thus, I think you should wait just a little bit more.

  • Tobi Reif commented  ·   ·  Flag as inappropriate

    I hope that all browsers will support this important API, in a highly performant way.

  • Darren commented  ·   ·  Flag as inappropriate

    A consistent approach to animations is definitely a must have - as developers we can't be building multiple approaches to the same solution. The web is lagging behind with regards to animations on mobile devices, when the devices themselves are built to provide an immersive, interactive environment.

  • Ben Boyle commented  ·   ·  Flag as inappropriate

    IE team is great at ******* the kinks out of specs, would love to see web animations robustly documented and implemented!

  • Kevin Doughty commented  ·   ·  Flag as inappropriate

    Web-Animations supports additive animation. There is a usage pattern for additive, where many concurrent animations on the same property run relative to the underlying value. This is a superior technique for simple transitions, in particular when interrupting or reversing. Formerly, one would simply replace an animation with a new one than continued where the previous left off. But if all animations have a destination value of zero, it permits seamless blending and gives beautiful curves, without mutating, all built from more primitive methods.

    Others are very excited about what is possible with an advanced timeline. Please help make this happen. Thanks.

  • kertis commented  ·   ·  Flag as inappropriate

    this is a must-have feature,a dream come true for all JavaScript developers .

Feedback and Knowledge Base