Description
During code reviews for implementing interpolation of <transform-function>
and <transform-list>
, a question came up about none
and also the compatibility of <transform-function>
and <transform-list>
.
My conclusion, which is matching Safari's implementation is that none
is not magical, so that for a syntax none|<transform-list>
or none|<transform-function>
, none
is not a transform value that can be interpolated to or from if the other end point is a <transform-list>
(or function).
The other part is if you have a syntax <transform-function>|<transform-list>
, you cannot interpolate between a single function and a list of functions. However, if you flip the syntax to <transform-list>|<transform-function>
, the values will always match the first part, and they will interpolate. This matches the implementation in Safari and the in-progress implementation in Chrome.
This issue is to confirm my interpretation is correct. What can be confusing is that the spec says <transform-function>
and <transform-list>
should interpolate as the standard transform property.