- From: Cameron McCormack <cam@mcc.id.au>
- Date: Sun, 6 Mar 2011 19:18:51 +1300
- To: Patrick Dengler <patd@microsoft.com>
- Cc: Erik Dahlstrom <ed@opera.com>, public-svg-wg@w3.org, chris@w3.org, robert@ocallahan.org
Hi Patrick,
Patrick Dengler:
> I was reviewing our discussion on animating attributes from yesterday.
> An assertion was made that instead of supporting:
>
> rect: hover {attr(x): 50x}
>
> (I think?) was that the work around to avoid code is to make a CSS
> Animation (instead of CSS selector) because you can make the animation
> apply on the :hover;.
>
> I am not sure if I understood this and how to use CSS animations to
> simulate rect: hover above.
>
> Assistance is appreciated.
If I remember correctly, we decided that
* CSS-triggered transitions of SVG attributes would not be supported,
although you could still define the transition in CSS and trigger it
through DOM manipulation.
* CSS-triggered animations of SVG attributes would work, like this:
rect:hover { animation: x-transition 1s; }
@keyframes x-transition {
to { attr(x): 50px; }
}
since we are freer to modify the syntax inside the @keyframes.
Could someone verify this for me?
--
Cameron McCormack ≝ http://mcc.id.au/
Received on Sunday, 6 March 2011 06:19:34 UTC