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 
previous
versions of CSS.

This:

@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
basis.

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


-- 
Andrew Fedoniouk

http://terrainformatica.com




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 
style.

Rik


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 
other
element.

Or is it too much?

-- 
Andrew Fedoniouk

http://terrainformatica.com
Received on Monday, 18 April 2011 06:46:02 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:39 GMT