Zoom auf Box legen 2
basti1012 kannst Du mir bitte zeigen, wie ich möglichst einfach den Inhalt von einer Box bei hover in einem pop-up Fenster vergrössert darstellen kann. Auf der jetzt vorhandenen Seite hat es
Der hier verwendete Code
<style>
div{
position:absolute;
width: 300px;
padding:20px;
top: 105px;
left: 165px;
transition: all 0.7s ease;
}
figure img{
position:absolute;
top:0;
left:0;
width:300px;
}
figure figcaption {
position:relative;
bottom:0;
background: rgba(0,0,0,0.7);
color: #fff;
padding:20px;
width: 100%;
font-size:5vh;
display:inline-block;
}
figure:hover> figcaption {
background: rgba(0,255,0,0.7);
color:black;
}
div:hover{
color: black;
transform:scale(2);
z-index: 20;
transition: all 0.7s ease;
}
</style>
<base>
<div>
<figure class="slider">
<figure>
<img src="/image/hobbiton-lake.jpg" alt>
<figcaption>Hobbiton, New Zealand</figcaption>
</figure>
</div>