MitkaZV
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by MitkaZV
-
-
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
How to create a neon sign?
in GSAP
Posted
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?