[css3-transitions] stroke-width transition type

[Erik Dahlstrom]

Hello www-style,

The CSS3 transitions spec lists some SVG properties in section 5.2 [1]. There are some slight errors in the types, probably because <length> in the SVG spec includes percentages, while the CSS spec definition of <length> does not. Also some properties use "float" instead of "number".

Suggested changes to the table:

  fill-opacity: number
  stroke-dasharray : list of lengths, percentages
  stroke-dashoffset: length, percentage
  stroke-opacity: number
  stroke-width: length, percentage

Cheers
/Erik

[1] http://dev.w3.org/csswg/css3-transitions/#properties-from-svg-

--
Erik Dahlstrom, Core Technology Developer, Opera Software
Co-Chair, W3C SVG Working Group
Personal blog: http://my.opera.com/macdev_ed

[Erik Dahlstrom]

On Fri, 15 May 2009 13:08:00 +0200, Erik Dahlström <ed@...> wrote:

> Hello www-style,
>
> The CSS3 transitions spec lists some SVG properties in section 5.2 [1]. There are some slight errors in the types, probably because <length> in the SVG spec includes percentages, while the CSS spec definition of <length> does not. Also some properties use "float" instead of "number".
>
> Suggested changes to the table:
>
>   fill-opacity: number
>   stroke-dasharray : list of lengths, percentages
>   stroke-dashoffset: length, percentage
>   stroke-opacity: number
>   stroke-width: length, percentage
>
> [1] http://dev.w3.org/csswg/css3-transitions/#properties-from-svg-

+ viewport-fill-opacity: number

--
Erik Dahlstrom, Core Technology Developer, Opera Software
Co-Chair, W3C SVG Working Group
Personal blog: http://my.opera.com/macdev_ed

[Dean Jackson-7]

Hi Erik,

I ended up removing the mention of individual SVG properties and  
instead referencing the SVG specification.

Dean


On 15/05/2009, at 10:46 PM, Erik Dahlström wrote:

> On Fri, 15 May 2009 13:08:00 +0200, Erik Dahlström <ed@...>  
> wrote:
>
>> Hello www-style,
>>
>> The CSS3 transitions spec lists some SVG properties in section 5.2  
>> [1]. There are some slight errors in the types, probably because  
>> <length> in the SVG spec includes percentages, while the CSS spec  
>> definition of <length> does not. Also some properties use "float"  
>> instead of "number".
>>
>> Suggested changes to the table:
>>
>>  fill-opacity: number
>>  stroke-dasharray : list of lengths, percentages
>>  stroke-dashoffset: length, percentage
>>  stroke-opacity: number
>>  stroke-width: length, percentage
>>
>> [1] http://dev.w3.org/csswg/css3-transitions/#properties-from-svg-
>
> + viewport-fill-opacity: number
>
> --
> Erik Dahlstrom, Core Technology Developer, Opera Software
> Co-Chair, W3C SVG Working Group
> Personal blog: http://my.opera.com/macdev_ed
>

[Erik Dahlstrom]

Hi Dean,

Sounds good, I would suggest referencing both SVG 1.1 and 1.2T to get the  
full set of animatable properties, or possibly the SVG Integration spec. I  
see that the references haven't yet been added to the references section.

Minor thing: might be good if the sentence in section 5.2 "Properties from  
SVG" linked to section 4 "Animation of property types" so as not to  
confuse it with the table of animatable properties in section 5.1  
"Properties from CSS".

Cheers
/Erik

On Sun, 01 Nov 2009 22:14:52 +0100, Dean Jackson <dino@...> wrote:

> Hi Erik,
>
> I ended up removing the mention of individual SVG properties and instead  
> referencing the SVG specification.
>
> Dean
>
>
> On 15/05/2009, at 10:46 PM, Erik Dahlström wrote:
>
>> On Fri, 15 May 2009 13:08:00 +0200, Erik Dahlström <ed@...> wrote:
>>
>>> Hello www-style,
>>>
>>> The CSS3 transitions spec lists some SVG properties in section 5.2  
>>> [1]. There are some slight errors in the types, probably because  
>>> <length> in the SVG spec includes percentages, while the CSS spec  
>>> definition of <length> does not. Also some properties use "float"  
>>> instead of "number".
>>>
>>> Suggested changes to the table:
>>>
>>>  fill-opacity: number
>>>  stroke-dasharray : list of lengths, percentages
>>>  stroke-dashoffset: length, percentage
>>>  stroke-opacity: number
>>>  stroke-width: length, percentage
>>>
>>> [1] http://dev.w3.org/csswg/css3-transitions/#properties-from-svg-
>>
>> + viewport-fill-opacity: number
>>
>> --Erik Dahlstrom, Core Technology Developer, Opera Software
>> Co-Chair, W3C SVG Working Group
>> Personal blog: http://my.opera.com/macdev_ed
>>
>
>

--
Erik Dahlstrom, Core Technology Developer, Opera Software
Co-Chair, W3C SVG Working Group
Personal blog: http://my.opera.com/macdev_ed