4

Objective
I need to intensify the text shadow effect.

Current Solution
According to MDN, the "text-shadow ... accepts a comma-separated list of shadows", so I just duplicated several layers of the same shadow:

.glow-triple {
    text-shadow: 0 0 10px gold, 0 0 10px gold, 0 0 10px gold;
}

(Fiddle: http://jsfiddle.net/targumon/wdhLqjrh/ )

My Question
Is there a more concise way than this repetitious usage?

Prior Research
I found two other SO Q&As that touch this subject, but they don't address my specific question:

Edit

Triggered by badfilms' answer, the spread keyword revealed another SO Q&A:

Community
  • 1
  • 1
targumon
  • 1,041
  • 12
  • 26

1 Answers1

9

Because text-shadow doesn't have the same properties as box-shadow (i.e. missing spread), we are forced to use your technique. You could potentially consider achieving this using other techniques, but I hardly believe they would be more concise.

badfilms
  • 4,317
  • 1
  • 18
  • 31
  • Thanks! I forgot about the 'spread' keyword - I wonder why it's in the box-shadow spec, but not in the text-shadow spec. What other techniques do you have in your toolbox? – targumon Jan 04 '15 at 15:56