<div>
  <p class="one">重ね無しのテキストシャドウ</p> 
  <p class="two">正負を設定したテキストシャドウ</p> 
</div>
div {
  padding: 5px 20px;
  background: #161616;
  color: #fff;
}
.one {
  text-shadow: 0 0 6px #ff0000;
}
.two {
  text-shadow: 2px 2px 10px #ff0000, -2px -2px 10px #ff0000;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.