Update cat glow style in index.html
This commit is contained in:
@@ -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 -->
|
||||||
|
|||||||
Reference in New Issue
Block a user