[How to create a neon sign?]

• mvaneijgen thanx, I didn't  even think about making initial color to whole graphic, but now I understand  it was on the surface.
  Your realization looks great and simple.

Thanx again, but I have some questions. 
For effect of something like light stream i should use filter with dropshadow. Its also should to add initially at svg code or at animation functions?

[How to create a neon sign?]

Hi, i'm newby, I have an idea - create image with neon lights effect. I create an svg file via Sketch.
This is a "rock sign hand" which will "transformate" to a "Shaka hand sign". This hand consist from 3 big parts:
1) Part which allways turn on.

2) Part which include "rocks position" of thumb and index finger.

3) Parts which include "shaka postion" of thumb and index finger.

1) I want to toggle two parts between themselves. When rocks part turn on - shaka parts must turned off, and when shaka parts turn on - rock parts turned off.I tried to make it, and on my codepen expample you my best result, but it still imperfect. 
- Looks very strange and have a delay beetwen turning on and turning off. 

- not visible turned of parts. But its must be visible(

stroke: '#000000', strokeOpacity: 0.297549374)

 

2) want to mo realistick effect of lights effect. Now it's static.
 

'drop-shadow(0 0 0.15em hsl(0, 100%, 52%)) drop-shadow(0 0 0.3em hsl(0, 100%, 50%)) drop-shadow(0 0 0.45em hsl(0, 70%, 40%)) drop-shadow(0 0 0.6em hsl(0, 70%, 40%)) drop-shadow(0 0 0.75em hsl(0, 70%, 30%)) drop-shadow(0 0 0.9em hsl(0, 70%, 30%))' : 'none',

But i dont know how( please help

 

See the Pen MWxOqGG by mitkas7 (@mitkas7) on CodePen