ProjectGenesis commited on
Commit
5b9e292
·
verified ·
1 Parent(s): 412658a

Remove border trail animation

Browse files
Files changed (1) hide show
  1. 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]">Bonus</td>
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-[#00E4FF]">Bonus SC</span>
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]">Wager</td>
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">Purchase SC</span>
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>