[Benutzer 4545]

Guten Morgen,

ich habe ein PS-Layout für eine Website mit solchen weißen Kästen mit Schatten erstellt wie hier:
http://themify.me/demo/#theme=pinboard

Nun meine Frage - wie programmiere ich das am besten?
Speichere ich die Kästen als Bild mit Schatten drumrum ab
oder soll ich besser gleich mit CSS3 arbeiten? Habt ihr da Tipps für mich?

[ChrisKam]

Solche einfachen Schatten funktionieren mit CSS3 am besten, ja. Wenn du 100%ige Abwärtskompatibilität brauchst, empfiehlt es sich, nur unter die Ecken links und rechts Schatten zu legen. Sieht meist auch gut aus.

[Terrorpixel]

Ich nutze gern diesen Link, wenn ich schnell Schatten brauche.

http://www.webmaster-elite.de/online-tools/boxshadow-generator.html


Ich würde das mit CSS machen. Inzwischen kann das eigentlich auch jeder Browser. Musst nur darauf achten den Schatten auch für alle anzulegen also mit -moz, webkit und so.

[metalrain]

Aber ich würde dir zusätlich noch PIE empfehlen. Dann zuckts auch in den IE's richtig.
PIE HIER GUGGEN

[ChrisKam]

Ich habe mit PIE keine besonders guten Erfahrungen gemacht. Es gibt viele Anwendungsfälle, in denen PIE einfach nicht korrekt funktioniert. Beispiele dafür sind die Kombination verschiedener CSS3-Befehle, das Ein- und Ausblenden von Elementen (z.B. bei Navigationen und Slidern sehr üblich) sowie die Animation von Elementen via Javascript. Je nach IE Version kommen da sehr unschöne Effekte zustande die wirklich stören, weit mehr als ein fehlender Schatten.

[metalrain]

Gut soweit arbeite ich nicht mit PIE.
Ich verwende es lediglich für Farbverläufe oder eben Schatten. Und das funktioniert (zumindest für mich) schon recht zufriedenstellend.

Wobei ich dazu noch anfügen muss, dass ich PIE nie im Javascriptcode verbaue. Sondern eben tatsächlich schon in meinen Styles.