On Dec 24, 2010, at 11:32 PM, Alan Gresley wrote: > On 24/12/2010 7:55 PM, Philippe Wittenbergh wrote: >> >> what browsers have you actually tested in ? The syntax hasn't changed >> for a while, and afaik is implemented uniformly across rendering >> engines (and your file misses hover-in transitions for all but >> WebKit). > > I noted that the CSS has changed via the CSS WG list. I wasn't actually sure > if I was actually using the correct syntax. The hover-in transitions was an > after thought. The older syntax that FF 3.5 implemented was one that failed > my grasp to follow (partly used in my first successful transition affect > [1]). The lasted effort is my second go at transitions. Yes, I may be in the > position to learn.
Uh. Firefox 3.5 never supported css 2d transitions; that is something new in Fx 4b - you may confuse it with css transforms. https://developer.mozilla.org/en/CSS/CSS_transitions > ... > The transition does not work in your demo in IE9. I do not dare download FF4b > since my attempts in the pass has created conflicts between release and beta > version of FF. I'm nor surprised, after the reviewing that release cod for IE 9. They don't support CSS transitions, only css 2d transforms. http://msdn.microsoft.com/en-us/ie/ff468705.aspx CSS 2d transforms would be my preferred way of doing the change in size nowadays, fwiw. ---- On Dec 24, 2010, at 6:55 PM, Barney Carroll wrote: > I think I might be missing something (Chrome 8, FF 3.6.9, IE8)… > > The effect people might use jQuery for, and you've achieved with CSS — is it > the discovery of the :hover pseudo-class instead of Javascript mouse events, > or the rounded corners (or something else)? There is nothing particularly new in that demo, I've been using those tricks for a few years. The only thing Alan added in reply to Gabriele is the use of css transitions to give an impression of sliding in/out - something that so far required js to accomplish. And then I showed how to make it work on more than Webkit based browsers, and make it work for keyboard users. Users of touch enabled devices won't see any effects though. Philippe --- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
