Spaces:
Running
Running
use a different animation for the glass card - Follow Up Deployment
Browse files- index.html +8 -8
index.html
CHANGED
|
@@ -408,8 +408,8 @@
|
|
| 408 |
<div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg">
|
| 409 |
<div class="relative z-10">
|
| 410 |
<div class="flex items-center mb-2">
|
| 411 |
-
<div class="w-10 h-10 rounded-full bg-gradient-to-r from-niogold to-niopurple flex items-center justify-center mr-2">
|
| 412 |
-
<i class="fas fa-calendar-day"></i>
|
| 413 |
</div>
|
| 414 |
<h3 class="font-bold">Daily Bonus</h3>
|
| 415 |
</div>
|
|
@@ -424,8 +424,8 @@
|
|
| 424 |
<div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg">
|
| 425 |
<div class="relative z-10">
|
| 426 |
<div class="flex items-center mb-2">
|
| 427 |
-
<div class="w-10 h-10 rounded-full bg-gradient-to-r from-green-500 to-emerald-400 flex items-center justify-center mr-2">
|
| 428 |
-
<i class="fas fa-piggy-bank"></i>
|
| 429 |
</div>
|
| 430 |
<h3 class="font-bold">Jackpot Pool</h3>
|
| 431 |
</div>
|
|
@@ -437,8 +437,8 @@
|
|
| 437 |
<div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg">
|
| 438 |
<div class="relative z-10">
|
| 439 |
<div class="flex items-center mb-2">
|
| 440 |
-
<div class="w-10 h-10 rounded-full bg-gradient-to-r from-red-500 to-pink-600 flex items-center justify-center mr-2">
|
| 441 |
-
<i class="fas fa-clock"></i>
|
| 442 |
</div>
|
| 443 |
<h3 class="font-bold">Flash Offer</h3>
|
| 444 |
</div>
|
|
@@ -645,7 +645,7 @@
|
|
| 645 |
|
| 646 |
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
| 647 |
<!-- Daily Rewards -->
|
| 648 |
-
<div class="glass-panel p-4 rounded-xl">
|
| 649 |
<h4 class="font-bold mb-3 text-niogold">Daily Login Rewards</h4>
|
| 650 |
<div class="flex justify-between mb-3">
|
| 651 |
<div class="text-center">
|
|
@@ -690,7 +690,7 @@
|
|
| 690 |
</div>
|
| 691 |
|
| 692 |
<!-- Tournament Leaderboard -->
|
| 693 |
-
<div class="glass-panel p-4 rounded-xl">
|
| 694 |
<div class="flex justify-between items-center mb-3">
|
| 695 |
<h4 class="font-bold text-niogold">Mega Tournament</h4>
|
| 696 |
<div class="text-sm flex items-center">
|
|
|
|
| 408 |
<div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg">
|
| 409 |
<div class="relative z-10">
|
| 410 |
<div class="flex items-center mb-2">
|
| 411 |
+
<div class="w-10 h-10 rounded-full bg-gradient-to-r from-niogold to-niopurple flex items-center justify-center mr-2 group">
|
| 412 |
+
<i class="fas fa-calendar-day group-hover:animate-[iconBounce_0.5s_ease-in-out]"></i>
|
| 413 |
</div>
|
| 414 |
<h3 class="font-bold">Daily Bonus</h3>
|
| 415 |
</div>
|
|
|
|
| 424 |
<div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg">
|
| 425 |
<div class="relative z-10">
|
| 426 |
<div class="flex items-center mb-2">
|
| 427 |
+
<div class="w-10 h-10 rounded-full bg-gradient-to-r from-green-500 to-emerald-400 flex items-center justify-center mr-2 group">
|
| 428 |
+
<i class="fas fa-piggy-bank group-hover:animate-[iconBounce_0.5s_ease-in-out]"></i>
|
| 429 |
</div>
|
| 430 |
<h3 class="font-bold">Jackpot Pool</h3>
|
| 431 |
</div>
|
|
|
|
| 437 |
<div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg">
|
| 438 |
<div class="relative z-10">
|
| 439 |
<div class="flex items-center mb-2">
|
| 440 |
+
<div class="w-10 h-10 rounded-full bg-gradient-to-r from-red-500 to-pink-600 flex items-center justify-center mr-2 group">
|
| 441 |
+
<i class="fas fa-clock group-hover:animate-[iconBounce_0.5s_ease-in-out]"></i>
|
| 442 |
</div>
|
| 443 |
<h3 class="font-bold">Flash Offer</h3>
|
| 444 |
</div>
|
|
|
|
| 645 |
|
| 646 |
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
| 647 |
<!-- Daily Rewards -->
|
| 648 |
+
<div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg">
|
| 649 |
<h4 class="font-bold mb-3 text-niogold">Daily Login Rewards</h4>
|
| 650 |
<div class="flex justify-between mb-3">
|
| 651 |
<div class="text-center">
|
|
|
|
| 690 |
</div>
|
| 691 |
|
| 692 |
<!-- Tournament Leaderboard -->
|
| 693 |
+
<div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg">
|
| 694 |
<div class="flex justify-between items-center mb-3">
|
| 695 |
<h4 class="font-bold text-niogold">Mega Tournament</h4>
|
| 696 |
<div class="text-sm flex items-center">
|