Spaces:
Running
Running
Remove border trail animation
Browse files- index.html +4 -43
index.html
CHANGED
|
@@ -68,35 +68,6 @@
|
|
| 68 |
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
|
| 69 |
z-index: 1;
|
| 70 |
}
|
| 71 |
-
.pill-button::before {
|
| 72 |
-
--a: 0turn;
|
| 73 |
-
content: "";
|
| 74 |
-
position: absolute;
|
| 75 |
-
inset: 0;
|
| 76 |
-
border-radius: 9999px;
|
| 77 |
-
padding: 3px;
|
| 78 |
-
background: conic-gradient(from var(--a),
|
| 79 |
-
rgba(255, 255, 0, 0.9),
|
| 80 |
-
rgba(255, 165, 0, 0.9),
|
| 81 |
-
transparent,
|
| 82 |
-
rgba(255, 255, 0, 0.9));
|
| 83 |
-
animation: border-spin 3s linear infinite;
|
| 84 |
-
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
|
| 85 |
-
-webkit-mask-composite: xor;
|
| 86 |
-
mask-composite: exclude;
|
| 87 |
-
z-index: -1;
|
| 88 |
-
}
|
| 89 |
-
.pill-button::after {
|
| 90 |
-
content: "";
|
| 91 |
-
position: absolute;
|
| 92 |
-
top: 2px;
|
| 93 |
-
left: 2px;
|
| 94 |
-
right: 2px;
|
| 95 |
-
bottom: 2px;
|
| 96 |
-
background: rgba(30, 30, 30, 0.9);
|
| 97 |
-
border-radius: 100px;
|
| 98 |
-
z-index: -1;
|
| 99 |
-
}
|
| 100 |
.pill-button:hover {
|
| 101 |
box-shadow: 0 0 10px 2px;
|
| 102 |
}
|
|
@@ -176,11 +147,6 @@ animation: border-spin 3s linear infinite;
|
|
| 176 |
.accordion[aria-expanded="true"] .accordion-content {
|
| 177 |
max-height: 500px;
|
| 178 |
}
|
| 179 |
-
@keyframes border-spin {
|
| 180 |
-
to {
|
| 181 |
-
--a: 1turn;
|
| 182 |
-
}
|
| 183 |
-
}
|
| 184 |
@keyframes glow {
|
| 185 |
0% { box-shadow: 0 0 0px 0px rgba(255, 106, 0, 0.6); }
|
| 186 |
50% { box-shadow: 0 0 10px 3px rgba(255, 106, 0, 0.8); }
|
|
@@ -200,11 +166,6 @@ animation: border-spin 3s linear infinite;
|
|
| 200 |
.bg-orange-accent-gradient {
|
| 201 |
background: linear-gradient(90deg, #FF6A00, transparent);
|
| 202 |
}
|
| 203 |
-
@property --a {
|
| 204 |
-
syntax: '<angle>';
|
| 205 |
-
inherits: false;
|
| 206 |
-
initial-value: 0turn;
|
| 207 |
-
}
|
| 208 |
.flex-\[0_0_auto\] { flex: 0 0 auto; }
|
| 209 |
|
| 210 |
/* Mobile specific */
|
|
@@ -431,11 +392,11 @@ animation: border-spin 3s linear infinite;
|
|
| 431 |
</tr>
|
| 432 |
<tr class="border-b border-[rgba(255,255,255,0.05)]">
|
| 433 |
<td class="py-3">May 15, 2023 10:25 AM</td>
|
| 434 |
-
<td class="py-3 font-medium text-[#00E4FF]">
|
| 435 |
<td class="py-3">New Player Bonus</td>
|
| 436 |
<td class="py-3 font-['Orbitron']">+0.30</td>
|
| 437 |
<td class="py-3">
|
| 438 |
-
<span class="status-pill bg-[rgba(0,228,255,0.1)] text-
|
| 439 |
</td>
|
| 440 |
<td class="py-3">
|
| 441 |
<span class="status-pill bg-[rgba(60,226,122,0.1)] text-[#3CE27A]">Active</span>
|
|
@@ -444,11 +405,11 @@ animation: border-spin 3s linear infinite;
|
|
| 444 |
</tr>
|
| 445 |
<tr class="border-b border-[rgba(255,255,255,0.05)]">
|
| 446 |
<td class="py-3">May 15, 2023 10:45 AM</td>
|
| 447 |
-
<td class="py-3 font-medium text-[#FF4D4D]">
|
| 448 |
<td class="py-3">Blackjack Table #7</td>
|
| 449 |
<td class="py-3 font-['Orbitron']">-4.50</td>
|
| 450 |
<td class="py-3">
|
| 451 |
-
<span class="status-pill bg-[rgba(255,106,0,0.1)] text-white">
|
| 452 |
</td>
|
| 453 |
<td class="py-3">
|
| 454 |
<span class="status-pill bg-[rgba(60,226,122,0.1)] text-[#3CE27A]">Settled</span>
|
|
|
|
| 68 |
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
|
| 69 |
z-index: 1;
|
| 70 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 71 |
.pill-button:hover {
|
| 72 |
box-shadow: 0 0 10px 2px;
|
| 73 |
}
|
|
|
|
| 147 |
.accordion[aria-expanded="true"] .accordion-content {
|
| 148 |
max-height: 500px;
|
| 149 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 150 |
@keyframes glow {
|
| 151 |
0% { box-shadow: 0 0 0px 0px rgba(255, 106, 0, 0.6); }
|
| 152 |
50% { box-shadow: 0 0 10px 3px rgba(255, 106, 0, 0.8); }
|
|
|
|
| 166 |
.bg-orange-accent-gradient {
|
| 167 |
background: linear-gradient(90deg, #FF6A00, transparent);
|
| 168 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 169 |
.flex-\[0_0_auto\] { flex: 0 0 auto; }
|
| 170 |
|
| 171 |
/* Mobile specific */
|
|
|
|
| 392 |
</tr>
|
| 393 |
<tr class="border-b border-[rgba(255,255,255,0.05)]">
|
| 394 |
<td class="py-3">May 15, 2023 10:25 AM</td>
|
| 395 |
+
<td class="py-3 font-medium text-[#00E4FF]">Deposit</td>
|
| 396 |
<td class="py-3">New Player Bonus</td>
|
| 397 |
<td class="py-3 font-['Orbitron']">+0.30</td>
|
| 398 |
<td class="py-3">
|
| 399 |
+
<span class="status-pill bg-[rgba(0,228,255,0.1)] text-white">Purchase SC</span>
|
| 400 |
</td>
|
| 401 |
<td class="py-3">
|
| 402 |
<span class="status-pill bg-[rgba(60,226,122,0.1)] text-[#3CE27A]">Active</span>
|
|
|
|
| 405 |
</tr>
|
| 406 |
<tr class="border-b border-[rgba(255,255,255,0.05)]">
|
| 407 |
<td class="py-3">May 15, 2023 10:45 AM</td>
|
| 408 |
+
<td class="py-3 font-medium text-[#FF4D4D]">Redeem</td>
|
| 409 |
<td class="py-3">Blackjack Table #7</td>
|
| 410 |
<td class="py-3 font-['Orbitron']">-4.50</td>
|
| 411 |
<td class="py-3">
|
| 412 |
+
<span class="status-pill bg-[rgba(255,106,0,0.1)] text-white">Redeem</span>
|
| 413 |
</td>
|
| 414 |
<td class="py-3">
|
| 415 |
<span class="status-pill bg-[rgba(60,226,122,0.1)] text-[#3CE27A]">Settled</span>
|