User Tools

Site Tools


info:webdesign:css:shadow
Please note, that this is an old archived version of this site. Check out the new version at andunix.net!

Shadows

Box Shadow

Normal Shadow

Only the shadow:

box-shadow: 1px 4px 8px #888888;

Looks even better with a tiny grey border:

border: 1px solid #DDDDDD;
box-shadow: 1px 4px 8px #888888;

Inset Shadow

The shadow inside the box:

box-shadow: 1px 4px 8px #888888 inset;

Text Shadow

Alien Glow

text-shadow: 0pt 0pt 6px rgb(0, 255, 255)

Alien Glow

info/webdesign/css/shadow.txt · Last modified: 2013-07-11 06:39 by andunix