I like this. Hut shouldn't the expansion also work when the menu item is
selected by keyboard? I tried adding
#navigation li a:active {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
}
But it did not have the effect I expected. Why not?
Peter
-----Original Message-----
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Tim White
Sent: June-14-10 7:24 AM
To: Gabriele Romanato
Cc: css-discuss
Subject: Re: [css-d] Pure CSS fisheye menu with icons: a demo
> Hi all!
> I'm pretty inspired this time:
>
> http://onwebdev.blogspot.com/2010/06/pure-css-fisheye-menu-with-icons.html
> Gabriele
Or, we can do it with just one image and a little bit of CSS3 magic:
http://tjameswhite.com/demos/fisheye/
My demo uses Gabriele's original code, minus all the extra background
images and heights. Instead, I've added CSS transition and transform
to replicate the fisheye.
Yes, this requires vendor prefixes. It should work in the latest
versions of Mozilla, Webkit and Opera browsers. Sorry, no IE, and I
didn't bother making a fall back for IE, which could be done easy
enough.
Enjoy,
Tim
tjameswhite.com
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
