Text outline css

using -webkit-text-stroke

by Jared Meadows

HTML

<div class="outline">
 outline text
</div>

<div class="front">
 outline text
</div>

CSS

div {
  font-size: 200px;
  position: absolute;
  white-space: nowrap;
}

.front {
 color: blue;
}

.outline {
  -webkit-text-stroke: 30px red;
  user-select: none;
}