Spaces:
Runtime error
Runtime error
fix delay animation for collection card
Browse files
components/main/collections/collection.tsx
CHANGED
@@ -36,7 +36,10 @@ export const Collection: React.FC<Props> = ({
|
|
36 |
<motion.div
|
37 |
initial={{ y: 100, opacity: 0 }}
|
38 |
animate={{ y: 0, opacity: 1 }}
|
39 |
-
transition={{
|
|
|
|
|
|
|
40 |
className="rounded-[33px] h-[377px] cursor-pointer group overflow-hidden relative z-[1] group"
|
41 |
onClick={() => onOpen(collection.id)}
|
42 |
>
|
|
|
36 |
<motion.div
|
37 |
initial={{ y: 100, opacity: 0 }}
|
38 |
animate={{ y: 0, opacity: 1 }}
|
39 |
+
transition={{
|
40 |
+
duration: 0.35,
|
41 |
+
delay: (index % 15) * 0.1,
|
42 |
+
}}
|
43 |
className="rounded-[33px] h-[377px] cursor-pointer group overflow-hidden relative z-[1] group"
|
44 |
onClick={() => onOpen(collection.id)}
|
45 |
>
|