On Dec 24, 2010, at 10:13 AM, Alan Gresley wrote: > I would recommend that you use padding on the <a>s instead of using > line-height. Give the <a>s as much work to size themselves and their > ancestors. You don't have to use as much height also. > > I thought I play around with some CSS3. Only seems to work in Safari 5. > Possibly relating to syntax that may be changed.
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). > <http://css-class.com/test/temp/css-expanding-tabs-effect.htm> > > It has both a hover-in transition combined with a hover-out transition. http://dev.l-c-n.com/_temp/tab_effect.html Works in Opera 11, Safari 4 + & Chrome 6+, Firefox 4b (and maybe IE 9, but I can't test that). Older UA - anything older than those mentioned - fall back on an abrupt hover effect. As a bonus, I've made it working for keyboard users. (I do think that a 0.6seconds transition is a little slow) 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/
