CSS 3 - Schatten

[Chris]

Hallo zusammen,

mit CSS 3 ist es ja möglich Schatten einzufügen. Ich habe dies bereits erfolgreich für den FireFox hinbekommen.

#menu {-moz-box-shadow: 5px 5px 10px #000000;}

Für Webkit und Gecko Browser gibt es ja folgende Notation:

-webkit-box-shadow: 5px 5px 5px #ccc;    box-shadow: 5px 5px 5px #ccc;

Kann man eigentlich es so gestalten, das geprüft wird mit welchem Browser eine Site aufgerufen wird und dann eben entsprechend

-webkit-box-shadow: 5px 5px 5px #ccc;

oder

box-shadow: 5px 5px 5px #ccc;

oder

-moz-box-shadow: 5px 5px 10px #000000;

verwenden?

Oder gar eine Notation so dass es egentlich egal ist?

 

[CPoly]

Nicht ohne weiteres, aber die anderen Browser stören sich ja nicht an den Eigenschaften und ignorieren sie einfach.

Es ist also üblich einfach alle proprietären Eigenschaften hin-zuschreiben.

Beispiel Youtube:
http://s.ytimg.com/yt/cssbin/www-core-vflJDRXDW.css

.yt-rounded{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

Wobei dort -khtml fehlt.

 

[Chris]

Okay,

dann wäre also folgendes machbar:

#menu {-moz-box-shadow: 5px 5px 10px #000000; -webkit-box-shadow: 5px 5px 10px #000000; box-shadow: 5px 5px 10px #000000; -khtml-box-shadow: 5px 5px 10px #000000;}

?

 

[CPoly]

Ja, ohne weiteres.