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

vers 6

Browse Source
This commit is contained in:
matt
2025-02-01 17:10:03 +01:00
parent 98f43314d5
commit fe705ee6f8
1 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -222,17 +222,30 @@
<div align='center'> <div align='center'>
<!-- Spielen-Button --> <!-- Spielen-Button -->
<style> <style>
/* Stil für den Button mit eindeutiger Klasse */
.unique-button { .unique-button {
transform: scale(1); transform: scale(1);
background: linear-gradient(to bottom, #0000FF, #0000CD); /* Blauverlauf */
border-radius: 12px;
padding: 4px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
transition: all 200ms;
} }
.unique-button:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
}
.unique-button:active {
box-shadow: 0 0px 1px rgba(0, 0, 0, 0.8);
transform: scale(0.995);
}
/* Stil für den inneren Button-Text */
.unique-button .button-inner { .unique-button .button-inner {
background: linear-gradient(to bottom, #0000FF, #0000CD); /* Blauverlauf */ background: linear-gradient(to bottom, #606060, #505050); /* Original Hintergrund des inneren Bereichs */
border-radius: 8px; border-radius: 8px;
padding: 10px 20px; padding: 10px 20px;
display: flex;
justify-content: center;
align-items: center;
} }
.unique-button .button-text { .unique-button .button-text {
@ -244,7 +257,7 @@
<div class="flex justify-center items-center gap-12 h-full"> <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]"> <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" onclick="window.location.href='/programmieren/spiele/Flappy-Witch/FlappyWitch.html'"> <button class="unique-button" onclick="window.location.href='/programmieren/spiele/Flappy-Witch/FlappyWitch.html'">
<div class="button-inner"> <div class="button-inner">
<span class="button-text">Get Started</span> <span class="button-text">Get Started</span>
</div> </div>