br0tkasten/test.creative-crafter.de
1
0
Fork 0
Code

neu butten vers 4

Browse Source
This commit is contained in:
matt 2025-02-01 17:07:19 +01:00
parent 519b6865d8
commit 4a3f8950cc
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
programmieren/spiele/Flappy-Witch/index.html
View File

@ -224,17 +224,29 @@
<style>
.unique-button {
transform: scale(4);
}
.unique-button .button-inner {
background: linear-gradient(to bottom, #0000FF, #0000CD); /* Blauverlauf */
border-radius: 8px;
padding: 10px 20px;
display: flex;
justify-content: center;
align-items: center;
}
.unique-button .button-text {
color: white;
font-size: 16px;
font-weight: bold;
}
</style>
<div class="flex justify-center items-center gap-12 h-full">
<div class="bg-gradient-to-b from-gray-800/40 to-transparent p-[4px] rounded-[16px]">
<button class="group p-[4px] rounded-[12px] shadow-[0_2px_4px_rgba(0,0,0,0.7)] hover:shadow-[0_4px_8px_rgba(0,0,0,0.6)] active:shadow-[0_0px_1px_rgba(0,0,0,0.8)] active:scale-[0.995] transition-all duration-200 unique-button">
<div class="bg-gradient-to-b from-gray-600 to-gray-700 rounded-[8px] px-3 py-2">
<div class="flex gap-2 items-center">
<span class="font-semibold text-white">Get Started</span>
</div>
<button class="group p-[4px] rounded-[12px] shadow-[0_2px_4px_rgba(0,0,0,0.7)] hover:shadow-[0_4px_8px_rgba(0,0,0,0.6)] active:shadow-[0_0px_1px_rgba(0,0,0,0.8)] active:scale-[0.995] transition-all duration-200 unique-button" onclick="window.location.href='/programmieren/spiele/Flappy-Witch/FlappyWitch.html'">
<div class="button-inner">
<span class="button-text">Get Started</span>
</div>
</button>
</div>