ProjectGenesis commited on
Commit
ce73904
·
verified ·
1 Parent(s): 001b45a

use a different animation for the glass card - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. 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">