Re: [css-transitions] List of animatable properties

--0000000000002c040105a211cec5
Content-Type: text/plain; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

(cc birtles@)

I believe it was resolved in [0] ('Tracking Animatable Properties') to
prefer tracking animatable state in the specifications that defined the CSS
properties themselves. My understanding of the problem is that a
centralized list became unwieldy to manage; it is easy to forget to update
it when the root specifications change (properties are added, deleted, or
changed such that the animation definition needs to change), and is also
hard to find for implementers looking at a new CSS property to implement
(how do they know they need to look at another spec?)

The last major change to the list was in [1], where it was trimmed down to
only 'legacy' properties that did not define their animation type in their
spec and which I believe it was considered impractical to correct. These
were also moved to web-animations-1[2], as that is now where the core of
the animation model for the web is defined.

Note that for many specs, they define their animation behavior as 'by
computed value', which often falls back to css-values-3[3]; reading the
linked section and then searching for 'interpolat' (to cover 'interpolate'
and 'interpolation') gives the definition for many common value types.

Hope that helps,
Stephen

[0]: https://lists.w3.org/Archives/Public/www-style/2011Sep/0497.html
[1]:
https://github.com/w3c/csswg-drafts/commit/7b816b2c7aef364c8c938bdf2e63cf6c=
badc304b#diff-77be26fa8328bad7ef60fb7d85456db2
[2]: https://drafts.csswg.org/web-animations-1/#animation-types
[3]: https://drafts.csswg.org/css-values-4/#combining-values

On Thu, 26 Mar 2020 at 23:17, G=C3=A9rard Talbot <[email protected]> wr=
ote:

> Fellow www-style colleagues,
>
> There used to be a list of animatable properties in the CSS Transitions
> spec
>
> 9.1. Properties from CSS
> https://www.w3.org/TR/2017/WD-css-transitions-1-20171130/#animatable-css
>
> but now, newer versions of the spec
> https://www.w3.org/TR/css-transitions-1/
> and Editors' draft
> https://drafts.csswg.org/css-transitions/
> no longer enumerate list of this sort (I searched). Is there an url (or
> url#fragment) that lists animatable CSS properties now? Is the removal
> of such list permanent?
>
> MDN has a list
> https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties
> but, it seems, none of the (latest stable or Editors') spec has one.
>
> G=C3=A9rard
>
>

--0000000000002c040105a211cec5
Content-Type: text/html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr">(cc birtles@)<div><br></div><div>I believe it was resolved=
 in [0] (&#39;<span style=3D"color:rgb(0,0,0);white-space:pre-wrap">Trackin=
g Animatable Properties&#39;)</span>=C2=A0to prefer tracking animatable sta=
te in the specifications that defined the CSS properties themselves.=C2=A0M=
y understanding of the problem is that a centralized list became unwieldy=
=C2=A0to manage; it is easy to forget to update it when the root specificat=
ions change (properties are added, deleted, or changed such that the animat=
ion definition needs to change), and is also hard to find for implementers =
looking at a new CSS property to implement (how do they know they need to l=
ook at another spec?)</div><div><br></div><div>The last major change to the=
 list was in [1], where it was trimmed down to only &#39;legacy&#39; proper=
ties that did not define their animation type in their spec and which I bel=
ieve it was considered impractical=C2=A0to correct. These were also moved t=
o web-animations-1[2], as that is now where the core of the animation model=
 for the web is defined.</div><div><br></div><div>Note that for many specs,=
 they define their animation behavior as &#39;by computed value&#39;, which=
 often falls back to css-values-3[3]; reading the linked section and then s=
earching for &#39;interpolat&#39; (to cover &#39;interpolate&#39; and &#39;=
interpolation&#39;) gives the definition for many common value types.</div>=
<div><br></div><div>Hope that helps,</div><div>Stephen</div><div><br></div>=
<div>[0]:=C2=A0<a href=3D"https://lists.w3.org/Archives/Public/www-style/20=
11Sep/0497.html">https://lists.w3.org/Archives/Public/www-style/2011Sep/049=
7.html</a></div><div>[1]:=C2=A0<a href=3D"https://github.com/w3c/csswg-draf=
ts/commit/7b816b2c7aef364c8c938bdf2e63cf6cbadc304b#diff-77be26fa8328bad7ef6=
0fb7d85456db2">https://github.com/w3c/csswg-drafts/commit/7b816b2c7aef364c8=
c938bdf2e63cf6cbadc304b#diff-77be26fa8328bad7ef60fb7d85456db2</a></div><div=
>[2]:=C2=A0<a href=3D"https://drafts.csswg.org/web-animations-1/#animation-=
types">https://drafts.csswg.org/web-animations-1/#animation-types</a></div>=
<div>[3]:=C2=A0<a href=3D"https://drafts.csswg.org/css-values-4/#combining-=
values">https://drafts.csswg.org/css-values-4/#combining-values</a></div></=
div><br><div class=3D"gmail_quote"><div dir=3D"ltr" class=3D"gmail_attr">On=
 Thu, 26 Mar 2020 at 23:17, G=C3=A9rard Talbot &lt;<a href=3D"mailto:www-st=
[email protected]">[email protected]</a>&gt; wrote:<br></div><blockquote =
class=3D"gmail_quote" style=3D"margin:0px 0px 0px 0.8ex;border-left:1px sol=
id rgb(204,204,204);padding-left:1ex">Fellow www-style colleagues,<br>
<br>
There used to be a list of animatable properties in the CSS Transitions <br=
>
spec<br>
<br>
9.1. Properties from CSS<br>
<a href=3D"https://www.w3.org/TR/2017/WD-css-transitions-1-20171130/#animat=
able-css" rel=3D"noreferrer" target=3D"_blank">https://www.w3.org/TR/2017/W=
D-css-transitions-1-20171130/#animatable-css</a><br>
<br>
but now, newer versions of the spec<br>
<a href=3D"https://www.w3.org/TR/css-transitions-1/" rel=3D"noreferrer" tar=
get=3D"_blank">https://www.w3.org/TR/css-transitions-1/</a><br>
and Editors&#39; draft<br>
<a href=3D"https://drafts.csswg.org/css-transitions/" rel=3D"noreferrer" ta=
rget=3D"_blank">https://drafts.csswg.org/css-transitions/</a><br>
no longer enumerate list of this sort (I searched). Is there an url (or <br=
>
url#fragment) that lists animatable CSS properties now? Is the removal <br>
of such list permanent?<br>
<br>
MDN has a list<br>
<a href=3D"https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_pr=
operties" rel=3D"noreferrer" target=3D"_blank">https://developer.mozilla.or=
g/en-US/docs/Web/CSS/CSS_animated_properties</a><br>
but, it seems, none of the (latest stable or Editors&#39;) spec has one.<br=
>
<br>
G=C3=A9rard<br>
<br>
</blockquote></div>

--0000000000002c040105a211cec5--