skygge i CSS

[Laust]

Hej.

Jeg ville lige høre om der er muligt at sætte skygge på et div tag ved hjælp af CSS.

f.eks.

Kode: Vælg alt

<div id="hoved"></div>

Hvordan ville en CSS-kode se ud hvis man skulle sætte skygge på den div??

På forhånd tak for hjælpen.

Mvh.
Laust

[Daniel]

Hej Laust.

Jeg må indrømme at jeg ikke selv aner hvordan man skal gøre det, men jeg har fundet en engelsk artikel som måske ville kunne hjælpe lidt på det.
http://www.designcourse.com/articles/1/ ... DIV-Shadow

[Laust]

Ja tak.

Det virker faktisk fint hvis jeg sætter det ind i min CSS.

Men der er jo kun skygge for neden og til højre i min div.

Jeg ville gerne have skygge hele vejen rundt.

Kode: Vælg alt

-moz-box-shadow: 3px 3px 4px #003300;
    -webkit-box-shadow: 3px 3px 4px #003300;
    

Ovenstående kode giver skygge for neden og til højre, nogen idéer til hvad der kunne give skygge for oven og til venstre??


Mvh.
Laust

[Daniel]

Godt at det virkede, men er en skygge ikke normalt noget som kun er på to af siderne?

Men hvis du gerne vil have det på de andre sider så tror jeg at der skal en anden til end mig.

[Laust]

Jo det kan du have ret i.

Jeg vil ikke bruge det som desideret skygge. Men som en feature der får mine designs til at glide sammen.

Okay, men tak for hjælpen i hvert fald.

Mvh.
Laust

[Laust]

Jeg har fundet en artikel der viser en masse forskellige måder til at lave skygge i CSS.

http://www.css3.info/preview/box-shadow/

Mvh.
Laust

[Daniel]

Super, det ser også ud til at der er forklaret en del der.