This shows you the differences between two versions of the page.
info:webdesign:css:shadow [2013-07-11 06:36] andunix created |
info:webdesign:css:shadow [2013-07-11 06:39] (current) andunix |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== Shadows ====== | ====== 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: | ||
+ | |||
+ | < | ||
+ | |||
+ | {{tag> |