On 12/23/10 8:13 PM, Alan Gresley wrote:
On 24/12/2010 4:14 AM, Gabriele Romanato wrote:
Hi!

Hello.

Sometimes CSS is better than jQuery:

You're just realizing that!

http://onwebdev.blogspot.com/2010/12/css-expanding-tabs-effect.html

HTH :-)

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.

<http://css-class.com/test/temp/css-expanding-tabs-effect.htm>

It has both a hover-in transition combined with a hover-out transition.




Alan,

mac os x 10.4

O.K.
FF/10.4.11 at both 16 and 24 minimum font-size
Opera/11.0 at both default [9] and 32 minimum font-size
Camino/2.0.6 [default]
Safari/4.1.3 [default] and current nightly WebKit [default] noticeable slower vertical expansion but o.k. nevertheless.
--
Scrooge
London

--
http://chelseacreekstudio.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/

Reply via email to