Text Stroke

by bryandowning

HTML

<p class="stroke-single">Single Stroke</p>

<p class="stroke-multi">Multiple Strokes</p>

<p class="stroke-pushed">Pushed Stroke</p>

<p class="stroke-text">text-stroke (not well supported)</p>

CSS

body {
  background-color: #000;
  color: #000;
  font-family: sans-serif;
  text-shadow: 1px 0 0 #FFF, -1px 0 0 #FFF;
  
}

.stroke-single {
  text-shadow: 0 0 0 #FFF;
}

.stroke-multi {
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF;
}

.stroke-pushed {
  text-shadow: 0 1px 1px #FFF;
}

.stroke-text {
  text-stroke: 1px #FFF;
}