Css only striped shadow shadow effect

Question

Is there a clean and elegant way to achieve a vintage striped shadow shadow effect?

To give you an example, I would like to reproduce css something like this:

I would like the strips to be different from the font.

Answer 1

http://jsfiddle.net/kntz6h01/2/

This is the closest I could come up with, but it only works with webkit browsers and is not very customizable in terms of the length of the text shadow. It also requires the attribute to duplicate the text in the tag.

This basically works by creating a striped background with -webkit-repeating-linear-gradient , masking the background with

 -webkit-background-clip: text; -webkit-text-fill-color: transparent; 

and duplicating the text with the :after pseudo-element and applying a text shadow to it.

This is probably not very useful.