Estilização

Sombras em textos

Exemplos

h1 {text-shadow: red 5px 0;}

HTML5
Maujor

h1 {text-shadow: red 0 5px;}

HTML5
Maujor

h1 {text-shadow: red 5px 5px;}

HTML5
Maujor


h1 {text-shadow: red 5px 5px 5px;}

HTML5
Maujor

h1 {text-shadow: red 5px 5px 15px;}

HTML5
Maujor

h1 {text-shadow: red 2px 2px 4px;}

HTML5
Maujor


h1 {text-shadow: red -5px 5px;}

HTML5
Maujor

h1 {text-shadow: red 5px -5px;}

HTML5
Maujor

h1 {text-shadow: red -5px -5px;}

HTML5
Maujor



div{ background: #ddd; }
h1 { 
  text-shadow: red 3px 3px 5px,   
  blue -6px -6px,
  green -25px 15px 5px;
}

HTML5
Maujor


div { background: #999; }
h1 { 
  color: #c8c8c8;
  text-shadow: 1px 1px white, 
  -1px -1px #444;
}

HTML5
Maujor


div { background: #999; }
h1 { 
  color: #c8c8c8;
  text-shadow: -1px -1px white, 
  1px 1px #444;
}

HTML5
Maujor

Site de apoio ao livro HTML5 e CSS3 do Maujor