Skip to content

Commit a0edbe5

Browse files
authored
Update index.html
1 parent 5cdf7a6 commit a0edbe5

1 file changed

Lines changed: 29 additions & 10 deletions

File tree

index.html

Lines changed: 29 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -259,16 +259,35 @@
259259
.galaxy-subtitle { font-size: 0.85rem; }
260260
#galaxy { max-width: 300px; }
261261
}
262-
.coin {
263-
font-size: 200px;
264-
width: 0.1em;
265-
height: 1em;
266-
background: linear-gradient(#8e44ad, #5e3370);
267-
margin: auto;
268-
animation: rotate_4001510 7s infinite linear;
269-
transform-style: preserve-3d;
270-
position: relative;
262+
.coin {
263+
font-size: 200px;
264+
width: 0.1em;
265+
height: 1em;
266+
background: linear-gradient(#8e44ad, #5e3370);
267+
margin: auto;
268+
animation: rotate_4001510 7s infinite linear, shine 2s infinite linear;
269+
transform-style: preserve-3d;
270+
position: relative;
271+
transform: rotateZ(15deg);
272+
box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
273+
}
274+
275+
@keyframes rotate_4001510 {
276+
0% { transform: rotateZ(15deg) rotateY(0deg); }
277+
100% { transform: rotateZ(15deg) rotateY(360deg); }
278+
}
279+
280+
@keyframes shine {
281+
0% {
282+
background: linear-gradient(145deg, #a55eea, #5e3370, #8e44ad);
283+
}
284+
50% {
285+
background: linear-gradient(145deg, #fff, #5e3370, #8e44ad);
286+
}
287+
100% {
288+
background: linear-gradient(145deg, #a55eea, #5e3370, #8e44ad);
271289
}
290+
}
272291

273292
.coin .side,
274293
.coin:before,
@@ -353,7 +372,7 @@ <h1>
353372
<div class="side tails">
354373
<svg xmlns="http://www.w3.org/2000/svg" class="svg_back" width="100%" height="100%" viewBox="0 0 200 200">
355374
<circle cx="100" cy="100" r="100" fill="#5e3370"/>
356-
<text x="50%" y="55%" font-size="60" text-anchor="middle" fill="white" font-family="Arial" dy=".3em">Coin</text>
375+
<text x="50%" y="55%" font-size="60" text-anchor="middle" fill="white" font-family="Arial" dy=".3em">UBX</text>
357376
</svg>
358377
</div>
359378
</div>

0 commit comments

Comments
 (0)