W3C home > Mailing lists > Public > www-style@w3.org > April 2011

Re: [css3-animations] or?

From: Andrew Fedoniouk <andrew.fedoniouk@live.com>
Date: Sun, 17 Apr 2011 23:45:30 -0700
Message-ID: <BLU159-ds17518545CB104FA01A91DBF8910@phx.gbl>
To: "Rik Cabanier" <cabanier@gmail.com>
Cc: <www-style@w3.org>
I saw that discussion but it seems like it went out without any conclusion.

In my personal opinion that @keyframes feature is also something that 
belongs to JS.
@keyframes create a precedent - syntax needed for it is not compatible with 
versions of CSS.


@keyframes 'wobble' {
    0% {    left: 100px;    }
    40% {   left: 150px;    }
    60% {   left: 75px;   }
    100% {   left: 100px;   }

Is just this:

.wobble    {  transition: left linear 0.2s;  }
.wobble0  {  left: 100px;  }
.wobble1  {  left: 150px;  }
.wobble2  {  left: 75px;   }
.wobble3  {  left: 100px;  }

with some JS function that switches wobble classes on some element on timing

So was my question. Why one type of complex animations deserve its own
mechanism and syntax and others are not?

Andrew Fedoniouk


From: Rik Cabanier
Sent: Sunday, April 17, 2011 9:43 PM
To: Andrew Fedoniouk
Cc: www-style@w3.org
Subject: Re: [css3-animations] or?

There was a discussion on this named '[css3-animations] Complex animations' 
where we discussed a possible solution that would address your question.

I agree with Tab that if you want an animation drive this through JS, the 
new WebKit APIs and the animation event will be the way to go.
However, if you know in advance how the animation will run (and you never 
want to change it), it would be nice if you could just describe it as a 


On Sun, Apr 17, 2011 at 4:04 PM, Andrew Fedoniouk 
<andrew.fedoniouk@live.com> wrote:


The question:

As soon as we have transitions/animations...
Are we going to introduce something like scenarios (or extend animations)
to support group transitions like above?

Or even aggregated transitions like:

@keyframes animation-1 {...}

@keyframes animation-group
40% { start(selector(some.other) animation-1); }

That means on 40% of 'animation-group' it will start animation-1 on some 

Or is it too much?

Andrew Fedoniouk

Received on Monday, 18 April 2011 06:46:02 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:38:45 UTC