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

Hi,

I just want to check back. Are there any updates on animating basic shapes? If I can help, let me know.

Greetings,
Dirk

On Nov 13, 2012, at 7:23 AM, Tab Atkins Jr. <jackalmage@gmail.com> wrote:

> 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 Friday, 5 April 2013 19:31:41 UTC