1. A circle, made up of a div using css to style it
2. A square, made up from an svg using a fill colour.
I want to be able to use a library, possibly gsap, to programatically trigger the change in position of the both elements from position (x,y) to position (x,y) on the screen using a custom path (svg) or bezier curve.
With the above in place, I want to be able to apply a motion blur to the circle and square to enable it to look as if there is a blurred trail behind it.
Can anyone recommend me the the right tools to achieve the above?
How can I use GSAP to help achieve a programatic position change on an element using a custom svg path with a motion blur applied to it?
in GSAP
Posted
I am using React as part of my stack.
I have two elements:
1. A circle, made up of a div using css to style it
2. A square, made up from an svg using a fill colour.
I want to be able to use a library, possibly gsap, to programatically trigger the change in position of the both elements from position (x,y) to position (x,y) on the screen using a custom path (svg) or bezier curve.
With the above in place, I want to be able to apply a motion blur to the circle and square to enable it to look as if there is a blurred trail behind it.
Can anyone recommend me the the right tools to achieve the above?