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 href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/"> <div> <figure class="slider"> <figure> <img src="hobbiton-lake.jpg" alt> <figcaption>Hobbiton, New Zealand</figcaption> </figure> </div>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!