<div>
  <p class="right">右下方向へのテキストシャドウの設定方法</p>
  <p class="left">左上方向へのテキストシャドウの設定方法</p>
</div>
div {
  padding: 10px 20px;
  background-color:#000;
  color: #efefef;
}
.right {
  text-shadow: 4px 4px 10px #ff0000;
  font-size: 20px;
}
.left {
  text-shadow: -4px -4px 10px #ff0000;
  font-size: 20px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.