Re: Animating SVG with CSS

On Thu, 18 Sep 2014 11:15:07 +0200, Dr. Olaf Hoffmann  
<Dr.O.Hoffmann@gmx.de> wrote:

> Tab Atkins Jr.:
>
>>
>> All CSS properties can be animated with CSS Animations or Transitions.
>> This isn't something controllable by the host language, it's a
>> property of CSS.  (They can also be animated by Web Animations, as
>> they animate CSS as well.)
>>
>
> SVG 1.x has a chapter, that defines, which features/properties are  
> shared in
> which way with CSS. Because this predates any CSS animation draft,
> such a draft is not applicable...

I'm puzzled as to why you think that the CSS Animations draft doesn't  
apply.

The CSS Transitions spec clearly states that all animatable SVG properties  
are supported when they have compatible types[1].

...
>> SMIL is dead.... I'm truly waiting on web animation api...
>> So I might just go to canvas.

Canvas can only really be animated using javascript, which you can also do  
with SVG. If you want true declarative animation then CSS animations, CSS  
transitions and SMIL are the currently available options.


[1] http://www.w3.org/TR/css3-transitions/#animatable-svg

-- 
Erik Dahlstrom, Web Technology Developer, Opera Software
Co-Chair, W3C SVG Working Group

Received on Thursday, 18 September 2014 11:33:02 UTC