Support CSS Motion Path Module
Since SMIL will be deprecated in Blink and there is no intent to implement in MS Edge, we need to fill in the gaps and provide alternative ways to do with CSS what we could do in SMIL.
The CSS Motion Path spec is now a Level 1 module and is in W3C Working Draft status:: http://www.w3.org/TR/2015/WD-motion-1-20150409/
Using the properties defined in this specification, we will be able to animate HTML and SVG elements along arbitrary paths, using nothing but good old CSS.
There is a bug report open to fixes in Blink, hopefully to make it to implementation this year. It would be great to see it implemented in the next version of MS Edge too.
Sara Soueidan
shared this idea
CSS Motion Path is currently on the backlog with medium priority. The status can be tracked at dev.modern.ie/platform/status/cssmotionpath
6 comments
-
Arturo Coronel
commented
excellent!!
-
Chris Maki
commented
do it
-
Rachel Nabors commented
Yes please.
-
Julien Etienne
commented
@sara
Oh, I was referring to ":
http://www.w3.org/TR/2015/WD-motion-1-20150409/#example-11b4e424
(Desired working draft)Rather than:
http://www.w3.org/TR/SMIL3/smil-animation.html#edef-animateMotion
(Dying spec)So like I was just raising the convo about an estimate of how long the new one is likely to take. As that's apparently replacing all animations. By the time the CSS one goes live the Web Ani Api one may be way ahead... just a hypothetical.
-
Sara Soueidan
commented
@Julien
IIRC the Web Animation's motion path API has been / will be removed in favour of the CSS one.
-
Julien Etienne
commented
I think some important things to consider would be:
i) Will SMIL's end of life overlap the Web Animation APIs "motion-path" feature availability
ii) If the new CSS Motion Path goes ahead will it be available before the Web Animation API's "motion-path"?
I have no opinion, like whatever ;)