Re: Animating SVG with CSS

I've not used CSS animations with SVG, but as Olaf has mentioned, SVG
has it's own SMIL spec which is implemented.

Here is a link to the current spec section:
http://www.w3.org/TR/SVG/animate.html

Tutorials can be found on line, also the SVG test suite can be very
useful in learning about animations.

On 9/17/14, Dr. Olaf Hoffmann <Dr.O.Hoffmann@gmx.de> wrote:
> Hello,
>
> clearly, the CSS draft about animation is not applicable for SVG 1.x.
> If there is an effect due to a feature of this draft, this is clearly a bug
> in
> the related viewer ;o)
>
> However, SVG mentions CSS properties, which apply to SVG,
> most of them available as attributes as well.
> Typically one can animate those with declarative animation in SVG -
> and for this type of animation one can select between animating
> the attribute or the CSS property.
> Therefore in SVG 1.x one can animate CSS properties using SVG,
> but not the other way around.
>
> In the future (SVG 2 draft), maybe most attributes will have a
> corresponding
> properties as well - and if the SVG 2 draft mentions, that CSS animations
> apply, this might work in the future, at least if viewer do what will be
> recommended ;o)
> Hoewever, due to the typical implemetation strategies, this might implicate
> a lot of more bugs in viewers (suddenly they assume, that SVG 1.x
> attributes
> can be properties as well, just because these exist in the SVG 2 draft)
>
>
> Olaf
>
>


-- 
If we do not change our direction we are likely to end up where we are
headed.

Received on Wednesday, 17 September 2014 14:09:29 UTC