änderung des bildes
This commit is contained in:
parent
befe8613f1
commit
680ce4f9a4
@ -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);
|
||||||
|
|||||||
@ -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
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user