Re: [css-exclusions][css-masking] Animation of Basic Shapes

On Thu, Nov 8, 2012 at 3:27 PM, Dirk Schulze <dschulze@adobe.com> wrote:
> CSS Masking allows animation of the 'clip-path' property[1]. This is an requirement from SVG which introduces this property.
>
> CSS Masking also extends this property to use the Basic Shapes from CSS Exclusions[2]. I would like to have interpolation of basic shapes to be defined. This could be used for some neat effects on CSS Transitions. I would suggest wording like this in the spec:
[...]
> Interpolation of basic shapes
> ---------------------------------------
>
> If a host specification allows animations or transitions on basic shapes, the basic shapes must be interpolated. For interpolating between one basic shape and a second, the rules described below are applied.
>
>         • If both basic shapes are of the same type and not of type polygon:
>                 • Interpolate between each value.
>         • If one basic shape is of type rectangle and the second of type circle or ellipse:
>                 • Replace the circle/ellipse with a temporary rectangle of equal dimension.
>                 • Set the values for rx and ry on the temporary rectangle to ‘50%’.
>                 • Interpolate between the two rectangles as above.
>         • If both basic shapes are of type polygon and if both polygons have the same number of vertices:
>                 • Interpolate between each value.
>         • In all other cases:
>                 • No interpolation is specified.

Sounds good to me.  Be more specific in the spec about what "equal
dimension" means for the rectangle/circle matchup.  It's obvious, but
you need to spell that out.

~TJ

Received on Tuesday, 13 November 2012 15:24:47 UTC