CSS长文本阴影方法不起作用

Question

所以我一直在使用这种方法制作长文字阴影： （http://codepen.io/SteamPanda/pen/QNxvpY）

.text {
  margin: auto;
  color: white;
  font-family: sans-serif;
  font-size: 100px;
  font-weight: 700;
  text-shadow: 
  1px 1px orange, 
  2px 2px orange, 
  3px 3px orange, 
  4px 4px orange, 
  5px 5px orange,
  6px 6px orange, 
  7px 7px orange,
  8px 8px orange,
  9px 9px orange,
  10px 10px orange,
  11px 11px orange, 
  12px 12px orange, 
  13px 13px orange, 
  14px 14px orange, 
  15px 15px orange,
  16px 16px orange, 
  17px 17px orange,
  18px 18px orange,
  19px 19px orange,
  20px 20px orange,
}

这似乎应该可行，但橙色阴影在大约十个阴影后停止显示。是否有一些影子限制？代码太多了？我对其他方法持开放态度，但我想坚持使用纯CSS3。