✔ Schattenwurf in CSS Boxen

[gio]

Hallo,

mich interessiert wie man einen Effekt hinbekommt, wie er in dem linken Navigationsmenü der nachfolgenden Homepage zu sehen ist. Bei mir kommen CSS Boxen zum Einsatz (keine Tabellen)

Wie setzt man so etwas am besten um ?

Kennt jemand eine Page wo das beschrieben wird ?

Viele Grüße

Schattenwurf rechts unten

 

[T3ch]

Wie du vielleicht bemerkt hast, benutzt diese Homepage Bilder um den Effekt vorzutäuschen.
Du könntest es genau so machen.

Es gibt auch bestimmte Filter , von denen rate ich dir allerdings ab. (nur IE)

Greetz

 

[hpvw]

css shadow div
http://www.webmaster-homepage.de/111.0.html
http://www.wubbleyew.com/tests/dropshadows.htm
http://www.phoenity.com/newtedge/drop_shadow/
http://www.alistapart.com/articles/cssdropshadows/
http://www.alistapart.com/articles/cssdrop2/
http://www.w3.org/Style/Examples/007/shadows.html

und viele mehr

Gruß hpvw

 

[Gumbo]

Es gibt unterschiedliche Methoden, ein Element mit einem visuellen Schatten darzustellen. Dabei basieren die meisten auf die geschickte Nutzung von Hintergrundgrafiken. So beispielsweise auch folgende auf A List Apart beschriebene Methoden:

• Onion Skinned Drop Shadows
• CSS Drop Shadows II: Fuzzy Shadows

Nur leider sind bei diesem Methoden oft zusätzliche Elemente notwendig.


Noch eine Frage am Schluss: Was bitte sind „CSS-Boxen“?

 

[gio]

Besten Dank für die schnellen und zahlreichen Antworten.

Unter den Links sollte sicher etwas passendes zu finden sein.

Ciao