react-awesome-shapes icon indicating copy to clipboard operation
react-awesome-shapes copied to clipboard

Pass props to animate the shapes

Open Spyware007 opened this issue 3 years ago • 3 comments

We can create an directory of animations which will contains CSS animations which can be added to any shape by passing the appropriate props names to the shape component!

Spyware007 avatar Mar 06 '22 19:03 Spyware007

@Spyware007 CSS animations seems pretty old school to me. We have @emotion/styled in the project. You could use keyframes from it to create animations.

ashutosh1919 avatar Mar 06 '22 19:03 ashutosh1919

Okay cool I can try this it will take some time. Please assign this to me!

Spyware007 avatar Mar 06 '22 19:03 Spyware007

@Spyware007 First, Please create 4 basic animations move up, down, left, right and raise PR. Please focus on creating these 4 animations modular. For example, the animation should be able to take prop as the distance travelled from -50px to 50px.

ashutosh1919 avatar Mar 06 '22 19:03 ashutosh1919