User Tools

Site Tools


info:webdesign:css:shadow

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 08:39 by andunix