1
0

Update cat glow style in index.html

This commit is contained in:
2025-05-26 06:57:51 +02:00
parent d84667f507
commit a5df82d213

View File

@@ -165,6 +165,7 @@
/*maybe move this into the cat later*/ /*maybe move this into the cat later*/
#cat-glow { #cat-glow {
background: radial-gradient(circle, rgba(255,230,100,0.9) 0%, rgba(255,230,100,0.15) 75%, rgba(0,0,0,0) 100%);
position: absolute; position: absolute;
left: 50%; top: 50%; left: 50%; top: 50%;
transform: translate(-50%, -60%); /* feinjustieren */ transform: translate(-50%, -60%); /* feinjustieren */
@@ -181,10 +182,6 @@
position: relative; position: relative;
z-index: z-index:
} }
#cat-glow {
background: radial-gradient(circle, rgba(255,230,100,0.9) 0%, rgba(255,230,100,0.15) 75%, rgba(0,0,0,0) 100%);
/* Größe und Farbe kannst du per JS dynamisch ändern! */
}
</style> </style>
</head> </head>
<body class="flex h-screen bg-white"> <body class="flex h-screen bg-white">
@@ -240,8 +237,8 @@
</div> </div>
<!-- Cat --> <!-- Cat -->
<div id="cat-glow"></div> <!--<div id="cat-glow"></div>
<img id="cat-sprite" src="assets/cat/default.png"> <img id="cat-sprite" src="assets/cat/default.png">-->
<div id="catSlot" class="absolute bottom-2 left-2"></div> <div id="catSlot" class="absolute bottom-2 left-2"></div>
<!-- Interaction Bar --> <!-- Interaction Bar -->