RE: [css3-transitions] display properties missing; delay property unclear

Hi Alan,

Notice how the box doesn't start at rotation 0. What I want is for it to start rotating when it becomes visible.
It also seems that you're cheating a bit by moving the box off screen:
@-webkit-keyframes move {
    from {left: -10000px;}
    25%  {left: 0;}
    to {left: 80%;}
}
It would be better to use the visibility attribute.
If 'display' was supported, the box would start rotating at 25% and would also start there again regardless of the rotation it stopped at.

Rik

-----Original Message-----
From: Alan Gresley [mailto:alan@css-class.com] 
Sent: Saturday, January 22, 2011 4:58 AM
To: Rik Cabanier
Cc: Belov, Charles; www-style list
Subject: Re: [css3-transitions] display properties missing; delay property unclear

On 22/01/2011 11:44 PM, Alan Gresley wrote:

> Mmm. Ok, firstly I need to practice animation. Secondly, nothing is 
> close to impossible it seems. I just don't know if it's possible to 
> make it non visible at different keyframes.
>
>
> <http://css-class.com/test/css/3/transform-rotation-rolling.htm>


Rik,

Is this closer to what you are seeking?

<http://css-class.com/test/css/3/transform-rotation-rolling2.htm>




--
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo

Received on Saturday, 22 January 2011 19:15:31 UTC