änderung des bildes

This commit is contained in:
Cay 2026-03-11 17:51:55 +00:00
parent befe8613f1
commit 680ce4f9a4
2 changed files with 6 additions and 11 deletions

View File

@ -1,19 +1,16 @@
.map-container { .worldmap {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 1400px; height: 100vh;
margin: auto;
}
.map { background: url("/images/dok_bg.png") center / cover no-repeat;
width: 100%;
display: block;
} }
.map-overlay { .map-overlay {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
@ -21,11 +18,11 @@
.area { .area {
fill: rgba(255, 255, 255, 0); fill: rgba(255, 255, 255, 0);
cursor: pointer; cursor: pointer;
transition: all 0.3s; transition: all 0.25s;
} }
.area:hover { .area:hover {
fill: rgba(255, 255, 255, 0.15); fill: rgba(255, 255, 255, 0.2);
stroke: #6ec6ff; stroke: #6ec6ff;
stroke-width: 3; stroke-width: 3;
filter: drop-shadow(0 0 10px #6ec6ff); filter: drop-shadow(0 0 10px #6ec6ff);

View File

@ -32,8 +32,6 @@
<body> <body>
<div class="map-container"> <div class="map-container">
<img src="/images/dok_bg.png" class="map" />
<svg viewBox="0 0 2048 1024" class="map-overlay"> <svg viewBox="0 0 2048 1024" class="map-overlay">
<a href="/castle"> <a href="/castle">
<polygon <polygon