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',
}));
}