diedVIPs

html knowhow

Bildvergrößerung bei hover











Bildvergrößerung bei hover

Fahren Sie mit der Maus über das Bild und es vergrößert sich auf eine Größe, die Sie vorher festlegen können.
So sieht´s aus
Quellcode
<html>
<style type="text/css">
input[type=checkbox] { display: none;}
.container img { margin: 100px; transition: transform 0.25s ease; cursor: zoom-in;}
input[type=checkbox]:checked ~ label > img { transform: scale(2); cursor: zoom-out;}
</style>
</head>

<body>
<div class="auto-style18">
<input type="checkbox" id="zoomCheck">
<label for="zoomCheck">
<img src="../Bilder/life.jpg">
</label>

</body>
</html>









Kontakt    Datenschutz    Impressum