remove glass container over the multiplier track
Browse files- index.html +3 -11
index.html
CHANGED
|
@@ -50,20 +50,12 @@
|
|
| 50 |
<div class="multiplier-track absolute top-0 left-0 h-full flex items-center justify-center gap-2 transition-transform duration-1000 ease-[cubic-bezier(0.16,1,0.3,1)]">
|
| 51 |
<!-- Multipliers (generated by JS) -->
|
| 52 |
</div>
|
| 53 |
-
|
| 54 |
-
<
|
| 55 |
-
<div class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-28 h-20 pointer-events-none z-10">
|
| 56 |
-
<div class="absolute inset-0 rounded-xl border-2 border-premium-gold/80"></div>
|
| 57 |
-
<div class="absolute inset-0 rounded-xl bg-gradient-to-b from-premium-gold/5 to-transparent backdrop-blur-sm"></div>
|
| 58 |
-
<div class="absolute -inset-1 rounded-xl border border-premium-gold/30 blur-md"></div>
|
| 59 |
-
<div class="absolute -inset-2 rounded-xl border border-premium-gold/10 blur-xl"></div>
|
| 60 |
-
</div>
|
| 61 |
-
|
| 62 |
<!-- Track Highlights -->
|
| 63 |
<div class="absolute inset-y-0 left-0 w-48 bg-gradient-to-r from-premium-black to-transparent z-5"></div>
|
| 64 |
<div class="absolute inset-y-0 right-0 w-48 bg-gradient-to-l from-premium-black to-transparent z-5"></div>
|
| 65 |
-
|
| 66 |
-
</div>
|
| 67 |
<!-- Roll Buttons -->
|
| 68 |
<div class="mt-8 flex justify-center gap-4">
|
| 69 |
<button id="rollButton" class="roll-button relative px-12 py-4 bg-premium-charcoal rounded-full border-2 border-premium-gold/50 text-premium-gold font-bold text-xl uppercase tracking-wider hover:bg-premium-gold/10 hover:border-premium-gold hover:text-premium-orange transition-all duration-300 group">
|
|
|
|
| 50 |
<div class="multiplier-track absolute top-0 left-0 h-full flex items-center justify-center gap-2 transition-transform duration-1000 ease-[cubic-bezier(0.16,1,0.3,1)]">
|
| 51 |
<!-- Multipliers (generated by JS) -->
|
| 52 |
</div>
|
| 53 |
+
<!-- Center Selection Indicator -->
|
| 54 |
+
<div class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-28 h-1 bg-premium-gold/80 pointer-events-none z-10"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 55 |
<!-- Track Highlights -->
|
| 56 |
<div class="absolute inset-y-0 left-0 w-48 bg-gradient-to-r from-premium-black to-transparent z-5"></div>
|
| 57 |
<div class="absolute inset-y-0 right-0 w-48 bg-gradient-to-l from-premium-black to-transparent z-5"></div>
|
| 58 |
+
</div>
|
|
|
|
| 59 |
<!-- Roll Buttons -->
|
| 60 |
<div class="mt-8 flex justify-center gap-4">
|
| 61 |
<button id="rollButton" class="roll-button relative px-12 py-4 bg-premium-charcoal rounded-full border-2 border-premium-gold/50 text-premium-gold font-bold text-xl uppercase tracking-wider hover:bg-premium-gold/10 hover:border-premium-gold hover:text-premium-orange transition-all duration-300 group">
|