diedVIPs

html knowhow

Bild mit Klick vergrößern









back

spaceBild mit Klick vergrößern

So sieht´s aus


Quellcode
<html>
<head>

<style>
input[type=checkbox].zoom {display: none;}
input[type="checkbox"].zoom ~ img {cursor: pointer; transition: transform 0.7s; max-width: 100%; height: auto;}
input[type="checkbox"].zoom:checked ~ img {transform: scale(2.5, 2.5);}
</style>
</head>

<body>
<center>
<label>
<input type="checkbox" class="zoom">
<img src="../Bilder/life.jpg" width="30%"><br>Klicke auf das Bild zum vergrößern und verkleinern</label>
</center>
</body>

</html>