[TYPO3-german] CSS3 und Schatten

[LUCOMP mediale kommunikation & internetDesign Bernhard Ludwig]

> -----Ursprüngliche Nachricht-----
> Von: typo3-german-bounces at lists.typo3.org [mailto:typo3-german-
> bounces at lists.typo3.org] Im Auftrag von Björn Hahnefeld
> Gesendet: Mittwoch, 8. August 2012 16:29
> An: German TYPO3 Userlist
> Betreff: Re: [TYPO3-german] CSS3 und Schatten
> 
> Mit
> 
> --
> #page {
> 	width:981px;
> 	min-height:400px;
> 	margin:0 auto;
> 
> 	background-color:#ffffff;
> 	padding:12px;
> 
>    box-shadow:
>         0px 0px 0px 5px rgba( 255,255,255,0.6 ),
>         0px 4px 20px rgba( 0,0,0,0.33 );
> --
> 
> erscheint ein mehr recht als schlecht aussehender Schatten. Allerdings
> nicht nur links und rechts, sondern auch oben. Und da soll eben keiner
> erscheinen... ;(
> 
> Viele Grüße
> 
> Björn

Hallo Björn,

hier ein Beispiel (mal eben schnell hingezimmert):
http://www.lucomp.de/box-shadow/box.html

Damit rechts und links der Schatten ein wenig weich verläuft, habe ich die
Deklaration für den Transparenzverlauf auf 1px eingestellt (3. Parameter).
Dadurch ergibt sich oben und unten ein dünner Streifen, den man, wenn es
denn sein muss, mit weiteren divs kaschieren kann. Aber ich denke, das
Grundprinzip sollte so klar werden.

Grüße und viel Erfolg,
Bernhard Ludwig