Skip to content

Commit bdb3446

Browse files
fixed card deal animation
1 parent 52602a3 commit bdb3446

File tree

1 file changed

+29
-29
lines changed

1 file changed

+29
-29
lines changed

assets/css/animation.css

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -47,35 +47,6 @@ header {
4747
}
4848
}
4949

50-
#col0 .card.animate__animated.animate__fadeInDown,
51-
#col0 .card.animate__animated.animate__slideInDown {
52-
--animate-delay: 100ms;
53-
}
54-
#col1 .card.animate__animated.animate__fadeInDown,
55-
#col1 .card.animate__animated.animate__slideInDown {
56-
--animate-delay: 400ms;
57-
}
58-
#col2 .card.animate__animated.animate__fadeInDown,
59-
#col2 .card.animate__animated.animate__slideInDown {
60-
--animate-delay: 700ms;
61-
}
62-
#col3 .card.animate__animated.animate__fadeInDown,
63-
#col3 .card.animate__animated.animate__slideInDown {
64-
--animate-delay: 1000ms;
65-
}
66-
#col4 .card.animate__animated.animate__fadeInDown,
67-
#col4 .card.animate__animated.animate__slideInDown {
68-
--animate-delay: 1300ms;
69-
}
70-
#col5 .card.animate__animated.animate__fadeInDown,
71-
#col5 .card.animate__animated.animate__slideInDown {
72-
--animate-delay: 1600ms;
73-
}
74-
#col6 .card.animate__animated.animate__fadeInDown,
75-
#col6 .card.animate__animated.animate__slideInDown {
76-
--animate-delay: 1900ms;
77-
}
78-
7950
&[data-row="4"].animate__animated.animate__fadeInDown,
8051
&[data-row="4"].animate__animated.animate__slideInDown {
8152
--animate-duration: 200ms;
@@ -97,6 +68,35 @@ header {
9768
--animate-duration: 600ms;
9869
}
9970
}
71+
72+
#col0 .card.animate__animated.animate__fadeInDown,
73+
#col0 .card.animate__animated.animate__slideInDown {
74+
--animate-delay: 100ms;
75+
}
76+
#col1 .card.animate__animated.animate__fadeInDown,
77+
#col1 .card.animate__animated.animate__slideInDown {
78+
--animate-delay: 400ms;
79+
}
80+
#col2 .card.animate__animated.animate__fadeInDown,
81+
#col2 .card.animate__animated.animate__slideInDown {
82+
--animate-delay: 700ms;
83+
}
84+
#col3 .card.animate__animated.animate__fadeInDown,
85+
#col3 .card.animate__animated.animate__slideInDown {
86+
--animate-delay: 1000ms;
87+
}
88+
#col4 .card.animate__animated.animate__fadeInDown,
89+
#col4 .card.animate__animated.animate__slideInDown {
90+
--animate-delay: 1300ms;
91+
}
92+
#col5 .card.animate__animated.animate__fadeInDown,
93+
#col5 .card.animate__animated.animate__slideInDown {
94+
--animate-delay: 1600ms;
95+
}
96+
#col6 .card.animate__animated.animate__fadeInDown,
97+
#col6 .card.animate__animated.animate__slideInDown {
98+
--animate-delay: 1900ms;
99+
}
100100
}
101101

102102
.card {

0 commit comments

Comments
 (0)