CSS - Bild vergrößern mit dem „Checkbox Hack”
<style>
input[type="checkbox"].zoom {
display: None;
}
input[type="checkbox"].zoom ~ img {
border: Solid 1px #000000;
cursor: Pointer;
transition: transform 0.7s;
max-width: 100%;
height: Auto;
}
input[type="checkbox"].zoom:checked ~ img {
transform: scale(1.5, 1.5);
}
</style>
<label>
<input type="checkbox" class="zoom">
<img src="bild.png"><br>
Klicke zum vergrößern</label>
Füge cursor: zoom-in und cursor: zoom-out ein um das Lupen-Symbol anzuzeigen.
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<option> Option - Auswahlliste/Datenliste