enzostvs HF Staff commited on
Commit
18c4283
·
1 Parent(s): c0856fd

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={{ duration: 0.35, delay: index * 0.1 }}
 
 
 
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
  >