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