From 4a3f8950cc581fbe1220b4c581041756dd6f4dee Mon Sep 17 00:00:00 2001
From: matt <matt@creative-crafter.de>
Date: Sat, 1 Feb 2025 17:07:19 +0100
Subject: [PATCH] neu butten vers 4
---
programmieren/spiele/Flappy-Witch/index.html | 22 +++++++++++++++-----
1 file changed, 17 insertions(+), 5 deletions(-)
diff --git a/programmieren/spiele/Flappy-Witch/index.html b/programmieren/spiele/Flappy-Witch/index.html
index a372286..8c7854f 100644
--- a/programmieren/spiele/Flappy-Witch/index.html
+++ b/programmieren/spiele/Flappy-Witch/index.html
@@ -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>