3D fx on images

	Hi,

	I would like to create a dynamic relief effect on an image (you
know, like the buttons of your browser, or like the menus in Windows).

On a gray-background image :

 * when 'hover', add a white border at the left and top sides, and a black
border at the bottom and right sides.

 * when 'active', toggle the color of the sides

And why not move slightly the image, as if you push it.

To create the borders, the 'border' property is not a good solution since
it causes reflow (if I understand good the spec).

So 'outline' is a better solution. First problem : outline-left,
outline-top, etc. don't exist in CSS (why... ?).

Second problem : would the borders appear in the place where I expect
them, that's to say ON the image (and not around) ? Could this property
even be applied to an image ?

The spec doesn't clear this questions.

-- 
Nicolas Lesbats - nlesbats@etu.utc.fr
85 r. Carnot 60200 Compiegne - France
 +33/0 686 800 908

Plaider <http://wwwassos.utc.fr/~plaider/>
(voir aussi AI France <http://www.amnesty.asso.fr/>
 see also   AI        <http://www.amnesty.org/>)

Received on Monday, 31 May 1999 14:41:43 UTC