CodePen Embed - mzmNaY

<div>
  <p class="one">重ね無しのテキストシャドウ</p> 
  <p class="two">2つ重ねたテキストシャドウ</p> 
  <p class="three">3つ重ねたテキストシャドウ</p> 
  <p class="four">4つ重ねたテキストシャドウ</p> 
  <p class="five">5つ重ねたテキストシャドウ</p> 
</div>

div {
  padding: 5px 20px;
  background: #161616;
  color: #efefef;
}
.one {
  text-shadow: 0 0 6px #ff0000;
}
.two {
  text-shadow: 0 0 2px #ff0000, 0 0 6px #ff0000;
}
.three {
  text-shadow: 0 0 2px #ff0000, 0 0 4px #ff0000, 0 0 8px #ff0000;
}
.four {
  text-shadow: 0 0 1px #ff0000, 0 0 4px #ff0000, 0 0 8px #ff0000, 0 0 12px #ff0000;
}
.five {
  text-shadow: 0 0 1px #ff0000, 0 0 4px #ff0000, 0 0 8px #ff0000, 0 0 12px #ff0000, 0 0 16px #ff0000;
}

This Pen is owned by EYESOFC on CodePen.

See more by @eyesofc on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.