Notice: Undefined variable: root in /users/basti1012/www/index1.php on line 41
Zoom auf Box legen 2

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>