CSS - Cascading Stylesheets

Links

German CSS Reference Links:

Border

Image Border

border-image: url("glow_border.png") 30 30 30 30 stretch stretch;
border-width: 12px;

The current browsers don't accept border-image, so you need to prepend them with the browser specific prefix:

border-image: url("glow_border.png") 30 30 30 30 stretch stretch;
-moz-border-image: url("glow_border.png") 30 30 30 30 stretch stretch;
-webkit-border-image: url("glow_border.png") 30 30 30 30 stretch stretch;
-o-border-image: url("glow_border.png") 30 30 30 30 stretch stretch;
border-width: 12px;

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;

Alien Glow

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

Alien Glow

 
code/css.txt · Last modified: 2012-02-09 15:36 by andunix
 
Recent changes RSS feed Creative Commons License Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki