Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-28 Thread Karl DeSaulniers
Hey Kuzeko, For the css part, you could try putting your text into a UL.. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum dolor doloremque consectetur nam fugit nostrum facilis delectus corrupti adipisci sit perferendis suscipit deleniti beatae nobis officia impedit eius solu

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-28 Thread Barney Carroll
Hi Matteo, Transitioning and animating abstract measurements (as opposed to specified pixel values) has been a gripe for some time. A classic bugbear is the time-honoured collapse / expand downward, which relies on transitioning from a height of 0 to 100%. Lea Verou found this neat trick of using

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-28 Thread Kuzeko Web Design - Matteo Lissandrini
Unfortunately It's either CSS or CSS for me, so will do some fixed height trick. -- Kuzeko On 28 August 2013 04:58, Karl DeSaulniers wrote: > You don't. You use JavaScript or even better. jQuery. IMO. > > jQuery would handle what your wanting very nicely. I for one avoid >

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-27 Thread Karl DeSaulniers
You don't. You use JavaScript or even better. jQuery. IMO. jQuery would handle what your wanting very nicely. I for one avoid animations with CSS. But that is just me I assume. Best, Karl Sent from losPhone On Aug 27, 2013, at 4:38 PM, Kuzeko Web Design - Matteo Lissandrini wrote: > Ok, t

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-27 Thread Kuzeko Web Design - Matteo Lissandrini
Ok, thank you. But then, the question becomes: how do I accomplish that effect with only CSS? I.e., text of different length scrolling vertically from end to end without hardcoding px or a predefined height?? Thanks -- Kuzeko On 27 August 2013 22:30, Eric wrote: > ** > It'

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-27 Thread Eric
It's more of a misbehavior than a bug. The Moz engineering team probably just decided not to go back and change it after the spec was finalized. It's sort of like how they're the only UA that doesn't support display: run-in. Back int he '90s a bug was opened on it and loads of note by senior engine

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-27 Thread Kuzeko Web Design - Matteo Lissandrini
Thank you all for the answers, but now I am really confused. So is this supposed to do so or is a bug? Can you fork my example and show me how to have this work properly if this is possible? -- Kuzeko On 27 August 2013 08:28, Philippe Wittenbergh wrote: > > Le 27 août 201

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-26 Thread Philippe Wittenbergh
Le 27 août 2013 à 14:52, "L. David Baron" a écrit : > Many of the other references in the CSS spec to things that are > based on the height of the containing block explicitly say that if > the containing block's computed height is 'auto', then the > percentage is as well. See, for example: > h

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-26 Thread Karl DeSaulniers
I think this may be because the 0% and 100% are key words for the selectors and the css animation is confused? Its probably trying to find the selector -120%. But I am guessing here. Does look like others have run across this and determined it was a bug. Karl DeSaulniers Design Drumm http://desi

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-26 Thread L. David Baron
On Tuesday 2013-08-27 14:05 +0900, Philippe Wittenbergh wrote: > I'm absolutely not clear why the percentage based animation actually works in > Firefox (and incidentally, Presto based Opera 12.x). And Eric notes it > doesn't seem to work in IE 11 (and IE 10?). That seems correct per spec to > m

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-26 Thread Philippe Wittenbergh
Le 27 août 2013 à 01:52, Chris Rockwell a écrit : > This is a webkit thing, check it in Firefox and it should work. I'll need > to do more research to find out why. I'm absolutely not clear why the percentage based animation actually works in Firefox (and incidentally, Presto based Opera 12.x

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-26 Thread Eric
I forgot to mention thisthe -moz- prefixes for animation are no longer necessary, haven't been for a couple of versions. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/F

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-26 Thread Eric
I read something about this a couple of months ago on the W3C CSS mail list. As I recall the discussion was about percentage positioning units not working per spec in Mozilla and one of the Moz engineers agreed. I can't seem to find it right now but it's worth a search. In both webkit and IE11 the

Re: [css-d] CSS3 Animation Top Position Percent problem

2013-08-26 Thread Chris Rockwell
This is a webkit thing, check it in Firefox and it should work. I'll need to do more research to find out why. On Mon, Aug 26, 2013 at 12:31 PM, Kuzeko Web Design - Matteo Lissandrini < w...@kuzeko.com> wrote: > Hi all, > > I am trying a simple animation: long text inside a box scrolling up. >

[css-d] CSS3 Animation Top Position Percent problem

2013-08-26 Thread Kuzeko Web Design - Matteo Lissandrini
Hi all, I am trying a simple animation: long text inside a box scrolling up. Since I have multiple boxes they have different length, so I am trying to use keyframe animation with top positioning with percent value. Please find an example here: http://jsfiddle.net/sKEnv/1/ As you can see the fir