diff --git a/client/src/components/anims/curse.jsx b/client/src/components/anims/curse.jsx index f6305e4a..d186a4d3 100644 --- a/client/src/components/anims/curse.jsx +++ b/client/src/components/anims/curse.jsx @@ -36,15 +36,15 @@ class Curse extends Component { - - - + + + - - - + + + ); @@ -61,12 +61,27 @@ class Curse extends Component { })); this.animations.push(anime({ - targets: ['#curse circle'], - r: 0, + targets: ['#curseCircleOne', '#curseFilterOne'], + r: 30, easing: 'easeInOutSine', - delay: TIMES.TIMES.TARGET_DELAY_MS, + delay: TIMES.TARGET_DELAY_MS, + duration: TIMES.TARGET_DURATION_MS, + })); + + this.animations.push(anime({ + targets: ['#curseCircleTwo', '#curseFilterTwo'], + r: 60, + easing: 'easeInOutSine', + delay: TIMES.TARGET_DELAY_MS, + duration: TIMES.TARGET_DURATION_MS, + })); + + this.animations.push(anime({ + targets: ['#curseCircleThree', '#curseFilterThree'], + r: 90, + easing: 'easeInOutSine', + delay: TIMES.TARGET_DELAY_MS, duration: TIMES.TARGET_DURATION_MS, - direction: 'reverse', })); }