Ver Fonte

no message

student há 8 horas atrás
pai
commit
6f1cf4237d

+ 24 - 2
website/Areas/Millions/Views/Home/GameHome.cshtml

@@ -17,6 +17,28 @@
     <style>
         html, body.millions-bg { background: #f5f7fb !important; }
         .main-content { background: #f5f7fb !important; }
+
+        /* Mega Jackpot amount — spiral grow & shrink */
+        .mega-jackpot-spiral {
+            display: inline-block;
+            transform-origin: center center;
+            animation: megaJackpotSpiral 1.8s ease-in-out infinite;
+            will-change: transform;
+        }
+        @@keyframes megaJackpotSpiral {
+            0% {
+                transform: scale(0.25) rotate(0deg);
+            }
+            30% {
+                transform: scale(1.15) rotate(360deg);
+            }
+            65% {
+                transform: scale(1.15) rotate(360deg);
+            }
+            100% {
+                transform: scale(0.25) rotate(720deg);
+            }
+        }
     </style>
 }
 
@@ -143,8 +165,8 @@
                 </p>
                 <p class="text-white text-xs mt-2">@Lang.millions_estimate_jackpot_prize</p>
                 <p class="leading-none mt-1 flex items-start" style="margin-bottom:18px;">
-                    <span class="mega-amount mega-jackpot-wiggle text-[40px] font-condensed text-gold-gradient tracking-tight leading-none">@Utils.FormatMoney(Model.bolet ?? "30000000")</span>
-                    <span class="mega-jackpot-wiggle text-gold-gradient text-sm font-bold uppercase ml-1">@Lang.v2_htg</span>
+                    <span class="mega-amount mega-jackpot-spiral text-[40px] font-condensed text-gold-gradient tracking-tight leading-none">@Utils.FormatMoney(Model.bolet ?? "30000000")</span>
+                    <span class="mega-jackpot-spiral text-gold-gradient text-sm font-bold uppercase ml-1">@Lang.v2_htg</span>
                 </p>
                 <p class="text-white text-[10px] mt-1 ">@Lang.millions_be_the_next_millionaire</p>
 

+ 25 - 2
website/Areas/Millions/Views/Home/JackpotResults.cshtml

@@ -16,6 +16,29 @@
     <link rel="stylesheet" href="/Millions/css/all.min.css"/>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.css"/>
     <link rel="stylesheet" href="/Millions/css/jackpot.css"/>
+    <style>
+        /* Mega Jackpot amount — spiral grow & shrink */
+        .mega-jackpot-spiral {
+            display: inline-block;
+            transform-origin: center center;
+            animation: megaJackpotSpiral 1.8s ease-in-out infinite;
+            will-change: transform;
+        }
+        @@keyframes megaJackpotSpiral {
+            0% {
+                transform: scale(0.25) rotate(0deg);
+            }
+            30% {
+                transform: scale(1.15) rotate(360deg);
+            }
+            65% {
+                transform: scale(1.15) rotate(360deg);
+            }
+            100% {
+                transform: scale(0.25) rotate(720deg);
+            }
+        }
+    </style>
 }
 
 <div class="main-content h-dvh w-full max-w-[430px] mx-auto bg-[#0062ff] relative overflow-hidden font-bricolage">
@@ -132,8 +155,8 @@
             </p>
             <p class="text-white text-xs mt-2">@Lang.millions_estimate_jackpot_prize</p>
             <p class="leading-none mt-1 flex items-start" style="margin-bottom:18px;">
-                <span class="mega-amount text-[40px] font-condensed text-gold-gradient tracking-tight leading-none">@Utils.FormatMoney(Model.bolet ?? "30000000")</span>
-                <span class="text-gold-gradient text-sm font-bold uppercase ml-1">@Lang.v2_htg</span>
+                <span class="mega-amount mega-jackpot-spiral text-[40px] font-condensed text-gold-gradient tracking-tight leading-none">@Utils.FormatMoney(Model.bolet ?? "30000000")</span>
+                <span class="mega-jackpot-spiral text-gold-gradient text-sm font-bold uppercase ml-1">@Lang.v2_htg</span>
             </p>
             <p class="text-white text-[10px] mt-1">@Lang.millions_be_the_next_millionaire</p>
             <img src="/Millions/assets/images/crown-balls.png" alt="" class="absolute right-2 top-1/2 -translate-y-1/2 w-44 h-auto pointer-events-none"/>